Skip to content

Animated Region — Reference

Reference · Advanced · App Connect

Animated Region settings and behavior. Settings include ID, Show Effect, Hide Effect, Initially Visible.

Animated Region settings and events. Select the component in App Structure to find these controls in Properties.

Name Description
IDRequired. Default: "". Attribute: id.
Show EffectChoose the Show Animation. Options: None, Bounce (bounce), Bounce In (bounceIn), Bounce In Down (bounceInDown), Bounce In Left (bounceInLeft), Bounce In Right (bounceInRight), Bounce In Up (bounceInUp), Fade In (fadeIn), Fade In Down (fadeInDown), Fade In Down Big (fadeInDownBig), Fade In Left (fadeInLeft), Fade In Left Big (fadeInLeftBig), Fade In Right (fadeInRight), Fade In Right Big (fadeInRightBig), Fade In Up (fadeInUp), Fade In Up Big (fadeInUpBig), Fade In Top Left (fadeInTopLeft), Fade In Top Right (fadeInTopRight), Fade In Bottom Left (fadeInBottomLeft), Fade In Bottom Right (fadeInBottomRight), Flash (flash), Flip (flip), Flip In X (flipInX), Flip In Y (flipInY), Hinge (hinge), Jack In The Box (jackInTheBox), Light Speed In (lightSpeedIn), Light Speed In Right (lightSpeedInRight), Light Speed In Left (lightSpeedInLeft), Pulse (pulse), Roll In (rollIn), Rotate In (rotateIn), Rotate In Down Left (rotateInDownLeft), Rotate In Down Right (rotateInDownRight), Rotate In Up Left (rotateInUpLeft), Rotate In Up Right (rotateInUpRight), Zoom In (zoomIn), Zoom In Down (zoomInDown), Zoom In Left (zoomInLeft), Zoom In Right (zoomInRight), Zoom In Up (zoomInUp), Rubber Band (rubberBand), Shake (shake), ShakeX (shakeX), ShakeY (shakeY), Slide In Down (slideInDown), Slide In Left (slideInLeft), Slide In Right (slideInRight), Swing (swing), Tada (tada), Wobble (wobble), Jello (jello), Heart Beat (heartBeat) Default: "". Attribute: showEffect.
Hide EffectChoose the Hide Animation. Options: None, Bounce (bounce), Bounce Out (bounceOut), Bounce Out Down (bounceOutDown), Bounce Out Left (bounceOutLeft), Bounce Out Right (bounceOutRight), Bounce Out Left (backOutLeft), Back Out Down (backOutDown), Back Out Left (backOutLeft), Back Out Right (backOutRight), Back Out Up (backOutUp), Fade Out (fadeOut), Fade Out Down (fadeOutDown), Fade Out Down Big (fadeOutDownBig), Fade Out Left (fadeOutLeft), Fade Out Left Big (fadeOutLeftBig), Fade Out Right (fadeOutRight), Fade Out Right Big (fadeOutRightBig), Fade Out Up (fadeOutUp), Fade Out Up Big (fadeOutUpBig), Fade Out Top Left (fadeOutTopLeft), Fade Out Top Right (fadeOutTopRight), Fade Out Bottom Left (fadeOutBottomLeft), Fade Out Bottom Right (fadeOutBottomRight), Flash (flash), Flip (flip), Flip Out X (flipOutX), Flip Out Y (flipOutY), Hinge (hinge), Jack In The Box (jackInTheBox), Light Speed Out (lightSpeedOut), Light Speed Out Right (lightSpeedOutRight), Light Speed Out Left (lightSpeedOutLeft), Pulse (pulse), Roll Out (rollOut), Rotate Out (rotateOut), Rotate Out Down Left (rotateOutDownLeft), Rotate Out Down Right (rotateOutDownRight), Rotate Out Up Left (rotateOutUpLeft), Rotate Out Up Right (rotateOutUpRight), Zoom Out (zoomOut), Zoom Out Down (zoomOutDown), Zoom Out Left (zoomOutLeft), Zoom Out Right (zoomOutRight), Zoom Out Up (zoomOutUp), Rubber Band (rubberBand), Shake (shake), ShakeX (shakeX), ShakeY (shakeY), Slide Out Left (slideOutLeft), Slide Out Right (slideOutRight), Slide Out Up (slideOutUp), Swing (swing), Tada (tada), Wobble (wobble) Default: "". Attribute: hideEffect.
Initially VisibleDefault: "". Attribute: visible.
Name Description
EffectChoose the effect to apply Options: Bounce ('bounce'), Flash ('flash'), Flip ('flip'), Hinge ('hinge'), Jack In The Box ('jackInTheBox'), Pulse ('pulse'), Rubber Band ('rubberBand'), Shake ('shake'), Swing ('swing'), Tada ('tada'), Wobble ('wobble'), Jello ('jello'), Heart Beat ('heartBeat') Default: "'wobble'".
Name Description
Animate VisibilityChoose dynamic data binding.
Show DelayChoose dynamic data binding.
Show DurationChoose dynamic data binding.
Hide DelayChoose dynamic data binding.
Hide DurationChoose dynamic data binding.