Introduction
Authentication
Batch
Browser Payment
Gateway
Hosted Checkout
Payment Plan
Session
Tokenization
Transaction
Wallet
RESOURCES
Changelog
Session
setFocusStyle()
setFocusStyle()
Sets the styling for the hosted field to the supplied styling attributes when focus on the hosted field in the iFrame is gained.
This function supports the Multiple Hosted Session functionality.
Usage Copied to clipboard
PaymentSession.setFocusStyle([hostedFieldsRole], styles, scope)
Example Copied to clipboard
PaymentSession.setFocusStyle(["card.number","card.securityCode"], { borderColor: 'red', borderWidth: '3px' });
Arguments Copied to clipboard
hostedFieldsRole
Copied to clipboard
Array
An array of field roles for the hosted card fields, to be styled when the focus is gained. Valid values for array of field roles:
card.number
card.expiryMonth
card.expiryYear
card.securityCode
giftCard.number
giftCard.pin
ach.bankAccountNumber
ach.bankAccountNumberConfirmation
ach.bankAccountHolder
ach.routingNumber
directDebitCanada.bankAccountNumberConfirmation
directDebitCanada.bankAccountHolder
directDebitCanada.bankAccountNumber
directDebitCanada.financialInstitutionNumber
directDebitCanada.transitNumber
styles
Copied to clipboard
Object
An object containing JavaScript CSS properties.
scope
Copied to clipboard
String
The optional named instance of a card payment data set within a session. See Multiple Hosted Sessions for more information.
Return Value Copied to clipboard
None