Transitions: Overview

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 CalendarTransitionModes 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.
<StackLayout>
    <RadCalendar id="calendar" [transitionMode]="transitionMode"></RadCalendar>
</StackLayout>