zero.appdocs
Docs/Presentations/Animation

Animation

Presentations v1.0 zero-schema

No description provided.

Required fields

PresentationType Child

Properties

PresentationType string required
Animation makes it easy to add motion and visual effects to your app. It allows you to create smooth changes, like moving an object across the screen, fading in or out, or changing sizes.
Allowed Animation
AnimationType string optional
Specifies the type of animation effect to apply to the child widget, such as positioning, fading, or scaling.
Default "Fade"
Allowed Counter Fade Rotate Scale SlideFromLeft SlideFromRight SlideFromTop SlideFromBottom
AnimationStyle string optional
Specifies the curve of the animation effect.
Allowed bounceIn bounceOut bounceInOut decelerate linear linearToEaseOut ease easeIn easeOut easeInCirc easeInBack easeInOutBack easeInOutCubic easeInOutCubicEmphasized easeInOutExpo easeInOutQuad easeInOutQuart easeInOutQuint easeOutSine fastEaseInToSlowEaseOut fastLinearToSlowEaseIn fastOutSlowIn slowMiddle
Duration integer optional
The duration for animation to run in milliseconds
Default 500
BeginOffset object optional
It is starting point of an element in a two-dimensional coordinate system with x and y values.
Default {"x":0,"y":0}
EndOffset object optional
It is starting point of an element in a two-dimensional coordinate system with x and y values.
Default {"x":0,"y":0}
CounterNumber integer optional
The CounterNumber animate a number.
CounterTextColor string optional
The background color of the Card, which can be specified using color names, primary color ('primary'), or hexadecimal color codes.
Default "white"
CounterFontSize integer optional
Define the size of the font, measured in pixels.
Default 16
ZoomScale number optional
Specifies the scale factor for zooming the element.
Default 0
Child object required
Represents the child widget to which the animation effect is applied.

Studio editor metadata

Shapes the studio editor; not enforced at runtime.

AnimationType
"Select"
AnimationStyle
"Select"
CounterTextColor
{
  "OnChange": {
    "To": "{{ Id }}",
    "Handler": "Whisper"
  },
  "InitialValue": "{{ Value }}",
  "DisplayText": "CounterTextColor",
  "PresentationType": "ColorPicker"
}