Supported attributes
Last updated
Last updated
You can find a list of supported attributes for each component in the compatibility table:
Apart from the exceptions below, just use a simple text value. For example:
fontSize: #306230
fontFamily: Courier New
width: 100
verticalAlign: middle
In general, attributes can have values that you can set them in 3DVista. So for example, the Label's horizontal alignment in 3DVista can be set to left
, center
or right
:
These are essentially CSS properties, in this case it's the property:
text-align
(https://developer.mozilla.org/en-US/docs/Web/CSS/text-align)
Please, use the appropriate CSS values when working with attributes.
need to have the following format in Airtable: ["HEX_COLOR"]
for example: ["#009a00"]
make sure that you set the component's background opacity to 1 (or however you want) in 3DVista otherwise the background could remain transparent (which is the default):
if you want to achieve a gradient effect, you can add more colors like this:
["#009a00", "#ff0000"]
If you encounter any issues while mapping attributes, please do not hesitate to contact us and we will update the documentation.
indicates whether the component is shown or hidden
accepts 2 values:
true
- component is shown (visible)
false
- component is hidden (invisible)
Usage tip: You can use this attribute when your dataset has some inconsistencies, for example Product A does have a secondary picture but Product B doesn't. You can create a formula field Product Secondary picture visibility
and use its computed value to show/hide the 3D Vista secondary picture component.