ProtoPie AI is here — Now in Beta. Learn More
ProtoPie AI is here — Now in Beta. Learn More
INSIGHTS & INSPIRATION
PRODUCT LEARNING & SUPPORT
INSIGHTS & INSPIRATION
PRODUCT LEARNING & SUPPORT
Auto Layout
Triggers & Responses
Interaction Libraries
Connecting Devices
ProtoPie Enterprise
Menu
Auto Layout
Triggers & Responses
Interaction Libraries
Connecting Devices
ProtoPie Enterprise
Layer Properties
When working with formulas, you have the option to utilize various layer properties, including but not limited to position, height, width, and opacity.
Using Layer Properties
To refer to a layer, use backticks (`) around the layer name.
To reference a layer property, add a period (.) followed by the property after the second backtick.
`layerName`
.x
x-coordinate of a layer.
`layerName`
.width
Width of a layer.
`layerName`
.height
Height of a layer.
`layerName`
.scaleX
Scale factor X of a layer.
`layerName`
.scaleY
Scale factor Y of a layer.
`layerName`
.rotation
Rotation of a layer.
`layerName`
.rotation3d
3D rotation of a layer.
`layerName`
.opacity
Opacity of a layer.
`layerName`
.radius
Radius of a layer.
`containerName`
.scrollOffset
Current scroll value of a scroll or paging container.
`layerName`
.fillColor
Color (hex) of a layer.
`layerName`
.fillOpacity
Color fill of a layer.
`layerName`
.borderWidth
Border width of a layer.
`layerName`
.borderColor
Border color (hex) of a layer.
`layerName`
.borderOpacity
Border opacity of a layer.
`layerName`
.shadowOffsetX
x-coordinate of the shadow of a layer.
`layerName`
.shadowOffsetY
y-coordinate of the shadow of a layer.
`layerName`
.shadowBlur
Shadow blur of a layer.
`layerName`
.shadowColor
Shadow color (hex) of a layer.
`layerName`
.shadowOpacity
Shadow opacity of a layer.
`layerName`
.text
Text in a text or input layer.
`layerName`
.textColor
Color of a text or input layer.
`layerName`
.textOpacity
Opacity of a text or input layer.
`layerName`
.currentTime
The current playtime of a video, audio, or Lottie layer.
`layerName`
.totalTime
The total playtime of a video, audio, or Lottie layer.
`layerName`
.x
x-coordinate of a layer.
`layerName`
.width
Width of a layer.
`layerName`
.height
Height of a layer.
`layerName`
.scaleX
Scale factor X of a layer.
`layerName`
.scaleY
Scale factor Y of a layer.
`layerName`
.rotation
Rotation of a layer.
`layerName`
.rotation3d
3D rotation of a layer.
`layerName`
.opacity
Opacity of a layer.
`layerName`
.radius
Radius of a layer.
`containerName`
.scrollOffset
Current scroll value of a scroll or paging container.
`layerName`
.fillColor
Color (hex) of a layer.
`layerName`
.fillOpacity
Color fill of a layer.
`layerName`
.borderWidth
Border width of a layer.
`layerName`
.borderColor
Border color (hex) of a layer.
`layerName`
.borderOpacity
Border opacity of a layer.
`layerName`
.shadowOffsetX
x-coordinate of the shadow of a layer.
`layerName`
.shadowOffsetY
y-coordinate of the shadow of a layer.
`layerName`
.shadowBlur
Shadow blur of a layer.
`layerName`
.shadowColor
Shadow color (hex) of a layer.
`layerName`
.shadowOpacity
Shadow opacity of a layer.
`layerName`
.text
Text in a text or input layer.
`layerName`
.textColor
Color of a text or input layer.
`layerName`
.textOpacity
Opacity of a text or input layer.
`layerName`
.currentTime
The current playtime of a video, audio, or Lottie layer.
`layerName`
.totalTime
The total playtime of a video, audio, or Lottie layer.