Skin CMS
Ext. linksLegal
Skin CMS old documentation
Skin CMS old documentation
  • Your first Skin CMS Mapping
    • ⚙️1. Mapping configuration
    • ⚡2. Field Mappings
    • 💫3. 3DVista Setup
    • 💣4. Create Triggers
  • Skin CMS mappings
    • Field mappings
      • singleLineText
      • multilineText
      • multipleAttachments
      • formula
      • singleSelect
      • button
      • url
      • email
      • number
    • Mapping to multiple components
    • Attributes
      • Mapping attributes
      • Supported attributes
  • Advanced
    • Airtable Formulas
      • Formula: CONCATENATE()
      • Formula: IF()
      • Edit content button
      • Include Youtube or Vimeo videos with Skin CMS to 3DVista webframe
    • Automations
      • Updating stock inventory
  • Limitations & workarounds
  • Troubleshooting
Powered by GitBook
On this page

Was this helpful?

  1. Skin CMS mappings
  2. Attributes

Mapping attributes

PreviousAttributesNextSupported attributes

Last updated 1 year ago

Was this helpful?

FREELANCER and BUSINESS plans do support mapping attributes.

Mapping attributes is similar to mappings values. Let's consider a simple mapping of an Airtable field called "Product title" to a 3DVista component called "Title":

This results in the Airtable record's value being mapped to the "Title" component:

Mapping attributes is very similar. Let's say we want to change the color of the Title and we want to use a value from Airtable. The color can be computed, for example depending on the product's status it can be green if the product is available or red if the product is sold out - we can use a formula field to achieve this:

Voilà, there we have the color of the "Title" component changed:

With attributes you can change the component's style, position, alignment etc.

You can find a list of the supported attributes and instructions on how to use them in the .

Supported attributes section
Let's create a new field "Product title color" with a computed value depending on the value from the field "stock"
Let's map the new "Product title color" to the component "Title" but this time to an attribute "fontColor"