Skip to end of metadata
Go to start of metadata

Attributes and values in object "config.fields"

card
type

card
pan

card
cvc2

card
expire
month

card
expire
year

attribute

value

x

 

 

 

 

cardtypes

Define possible cardtypes for selection in PAYONE iFrame, e.g. ["V", "M", "A"].

New cardtype "#" has been implemented to enforce user selection and display "Please select" initially. If used, it should be the first element of the array.

o

o

o

o

o

selector

Name of your div-container, e.g. "cardpan".

Either "selector" or "element" is required.

o

o

o

o

o

element

Javascript Element of the div-container, e.g. "document.getElementById("cardpan")"

Either " element" or "selector" is required.

 

x

x

x

x

size

Size of input field in characters, e.g. "20"

 

x

x

x

x

maxlength

Maximum length of accepted input, e.g. "20"

 

 

x

 

 

length

Array of exact length of accepted input per CC-type

e.g.: length: { "A": 4, "V": 3, "M": 3, "J": 0 }

While optional, we strongly recommend using the "length" parameter so the enforced CVC length corresponds to the selected card type.

 

x

x

x

x

type

Define type of input field:

"text"

input is visible

"tel"

input is visible, simple keyboard is displayed on mobile devices

"password"

input is masked

"select"

display selection/drop-down with possible values
(only valid for month and year)

x

x

x

x

x

style

CSS  style properties for not-focused element, e.g.

font-size: 1em; border: 1px solid #000; background: white; color: red; 
width: 145px; height: 70px; font-family: 'Courier'; font-style: italic; 
font-weight: bold; text-align: center; letter-spacing: 2px;

Remark:

  • You may use any CSS style property except "url".
  • If "url" is used the style will be ignored as PCI DSS does not allow external ressources.
  • These characters must not be used: "\", "/", "?", "<" and ">"
  • "styleFocus" overwrites "style"

x

x

x

x

x

styleFocus

 

CSS  style properties for focused element, e.g. 

font-size: 1em; border: 1px solid #000; background: white; color: red; 
width: 145px; height: 70px; font-family: 'Courier'; font-style: italic; 
font-weight: bold; text-align: center; letter-spacing: 2px;

Remark:

  • You may use any CSS style property except "url".
  • If "url" is used the style will be ignored as PCI DSS does not allow external ressources.
  • These characters must not be used: "\", "/", "?", "<" and ">"
  • "styleFocus" overwrites "style"

x

x

x

x

x

iframe

Size, e.g.:

iframe: {
     height: "25px", width: "250px" 
}

Some browsers do have problems if only "width" or "height" is specified. So if you want to define height or width for an input field, provide always both.

  • No labels