setPlaceholderShownStyle()

Sets the styling for the hosted field to the supplied styling attributes when placeholder text on the hosted field is visible.

This function supports the Multiple Hosted Session functionality.

Usage

PaymentSession.setPlaceholderShownStyle([<HostedFieldsRole>], styles, [scope])

Example

PaymentSession.setPlaceholderShownStyle(["card.number", "card.nameOnCard"], {
  backgroundColor: 'orange',
  border: '1px solid blue'
});

Arguments

<HostedFieldRole> String COMPULSORY

The field role for the card field rendered in an iFrame and hosted on the MasterCard Payment Gateway. Valid field roles: 'card.nameOnCard', 'card.number', 'card.expiryMonth', 'card.expiryYear', 'card.securityCode', 'giftCard.number', 'giftCard.pin', 'ach.bankAccountNumber', 'ach.bankAccountNumberConfirmation', 'ach.bankAccountHolder', 'ach.routingNumber', 'directDebitCanada.bankAccountHolder', 'directDebitCanada.bankAccountNumber', 'directDebitCanada.financialInstitutionNumber', 'directDebitCanada.bankAccountNumberConfirmation', 'directDebitCanada.transitNumber'

styles String OPTIONAL

An object containing JavaScript CSS properties.

scope String OPTIONAL

The optional named instance of a card payment data set within a session. See Multiple Hosted Sessions for more information.

Return Value

None

Copyright © 2023 MasterCard