HTML SDK Configuration Field Attributes

<netvalve-tokenfields> HTMl Element

These are the allowed attributes:

Attribute	Type	Description
formId	string	Optional. Provide the form element ID.
submitButtonId	string	Optional. Provide the submit button element ID.
style	string	Optional. Global CSS styles for all fields.
invalidStyles	string	Optional. CSS styles applied when fields are invalid.
interceptFormSubmit	boolean string (default “true”)	Optional. By default the form will intercept the form submission, and if tokenization succeeds, it will call form.submit(). Set it to false if you would like to have control over the form submission, and perform tokenization using the tokenizeFields method on the netvalve-tokenfields web component. See Form Submission.

<netvalve-cardnumber>, <netvalve-expiry>, <netvalve-cvv> HTMl Elements

These are the allowed attributes:

Attribute	Type	Description
style	string	Optional. CSS styles specific to this field.

Example Usage

<netvalve-tokenfields 
    formId="payment-form"
    submitButtonId="submit-btn"
    style="font-size: 16px; color: #333;"
    invalidStyles="border-color: red; color: red;">
    <form id="payment-form">
        <netvalve-cardnumber style="padding: 10px; border-radius: 4px;"></netvalve-cardnumber>
        <netvalve-cvv style="padding: 10px; border-radius: 4px;"></netvalve-cvv>
        <netvalve-expiry style="padding: 10px; border-radius: 4px;"></netvalve-expiry>
        <button id="submit-btn" type="submit">Pay</button>
    </form>
</netvalve-tokenfields>