NativeScript Angular
In this article
API Reference
Not finding the help you need?
Ask the community Improve this article

RadCalendar Transition Modes

RadCalendar supports different animations when switching between months, weeks or years. These are also called transitions. Defining a transition is done by setting the transitionMode property to one of the values enlisted by the CalendarTransitionMode enum.

Available Transition Modes

  • None - Transitions with gestures are disabled and no animation is applied when transitioning programatically. Available in iOS and Android.
  • Slide - Slide animation is applied when transitioning between views in RadCalendar. Available in iOS and Android.
  • Stack - Stack animation is applied when transitioning between views in RadCalendar. Available in iOS and Android.
  • Flip - Flip animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Fold - Fold animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Float - Float animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Rotate - Rotate animation is applied when transitioning between views in RadCalendar. Available only in iOS.
  • Plain - Allows non inertial scrolling between views in RadCalendar. Available only in Android.
  • Free - Allows inertial scrolling between views in RadCalendar. Available only in Android.
  • Combo - Applies inertial slide animation when transitioning between views in RadCalendar. Available only in Android.
  • Overlap - Views overlap when transitioning in RadCalendar. Available only in Android.
<GridLayout>
    <RadCalendar [transitionMode]="transitionMode"></RadCalendar>
</GridLayout>