Firstoken API Docs
  • ⚙️API Reference
    • Firstoken API
      • Tokenization As A Service
        • Simple Tokenization
        • Simple Detokenization
        • Inspect Token
        • Delete Tokens
      • Transactions
        • Create a Transaction
        • Retrieve a Transaction
        • Inspect a Transaction
        • Delete a Transaction
        • Tokenize a Transaction
      • Proxy
        • Allowed Headers
        • Actions
        • Methods
          • POST - Proxy
          • GET - Proxy
          • PUT - Proxy
          • PATCH - Proxy
          • DELETE - Proxy
        • Get Payload Hash
        • Proxy JOSE
        • Proxy WSSEC
      • Inbound Routes
        • Create an Inbound - POST
      • Payments
        • Attributes of the Request
        • Common response
        • Endpoints
          • Authorizations
          • Reversals
          • Capture
            • Capture Refunds
            • Capture Void
          • Payments
            • Payment Refunds
            • Payment Void
          • Refunds void
          • Credit
            • Credit Void
          • Get Transaction Details
        • Decision Manager
          • How it works
          • Create decision
          • Update Decision
        • Risk Payer Authentication
          • How to use it
          • 3-D Secure Flows
            • Successful Frictionless Authentication
            • Unsuccessful Frictionless Authentication
            • Attempts Processing Frictionless Authentication
            • Unavailable Frictionless Authentication
            • Rejected Frictionless Authentication
            • Authentication not available on Lookup
            • Enrollment check error
            • Time-out
            • Bypassed Authentication
            • Successful Step-Up Authentication
            • Unsuccessful Step-Up Authentication
            • Unavailable Step-Up Authentication
            • Require Method URL
        • Point of Sale Payments
          • Authorization
          • Capture
          • Payment
          • Credit
  • 📖Guides
    • Firstoken Captures Hosted Iframe
      • How Firstoken Captures works
      • Generating a JSON Web Token
      • JSON form Schema
      • Iframe Communication
    • De-scoping Components
      • How Firstoken De-scoping Components works
      • Inbound Routes Module
        • Create an Inbound Route
        • Edit an Inbound Route
        • Delete an Inbound Route
      • Webhook Module
        • Create a Webhook
        • Edit a Webhook
        • Delete a Webhook
        • Webhook events
        • How to sign Webhooks data
      • Proxy Module
        • Create a Proxy
        • Edit a Proxy
        • Delete a Proxy
    • Firstoken Captures SDK JS
      • Getting Started
      • Functions
      • Type of Elements
      • Elements Options
      • CSS Object
      • Full Example of Usage
      • SDK versions
Powered by GitBook
On this page

Was this helpful?

  1. Guides
  2. Firstoken Captures SDK JS

CSS Object

The Firstoken SDK sends a CSS object for each field, allowing for customization of field appearance based on design needs. This object can be unique for each field or general for all fields, depending on the client's design.

For this element, CSS tags and pseudo-classes can be used. CSS tags are used in the following format: "color": "#FFFFFF". If there are multiple elements, a comma is used after each key-value pair. On the other hand, if a pseudo-class is used, for example, "placeholder", it is used in the following format: "::placeholder": { "color": "#FFFFFF" }. The double colon ":" informs the SDK that a pseudo-class with a second level in the object is being referred to.

These are some of CSS tags are allowed:

  • font-family

  • font-weight

  • color

  • background-color

  • height

  • padding

  • font-size

  • font-style

  • text-transform

  • border

  • font-weight

  • border-radius

  • box-sizing

  • margin

  • border-top-right-radius

  • border-top-left-radius

  • border-bottom-right-radius

  • border-bottom-left-radius

These are some of the allowed pseudo-classes

  • placeholder

  • after

  • before

  • hover

  • focus

These are the Font family that are allowed in SDK

  • Arial

  • Helvetica

  • Verdana

  • Tahoma

  • Trebuchet MS

  • Times New Roman

  • Georgia

  • Garamond

  • Courier New

  • Brush Script MT

  • Lato

  • Montserrat

  • Open Sans

  • Oswald

  • Poppins

  • Roboto

  • Raleway

  • Slabo 13px

  • Slabo 27px

  • PT Sans

  • Inter

PreviousElements OptionsNextFull Example of Usage

Last updated 4 months ago

Was this helpful?

📖