Disable animation for certain pages?

2 posts, 0 answers
  1. Big G
    Big G avatar
    19 posts
    Member since:
    Jan 2013

    Posted 11 Apr 2014 Link to this post

    Is it possible to disable any page animation for certain pages? 



    Page2 (This page can only navigate back)

    Animations when navigating

    MainPage ------> Page1, Page3 = Can Animate
    Page1       ------> Page2     = No Animation
    Page2       ------> Page1     = No Animation
    Page1       ------> Page3     = Can Animate
    Page3       ------> MainPage, Page1     = Can Animate

    Basically, navigation between page 1 and page 2 is disabled. Hope this makes sense
  2. Todor
    Todor avatar
    775 posts

    Posted 15 Apr 2014 Link to this post

    Hello Gareth,

    Thank you for your question.

    Yes, this is possible. When you are using RadPhoneApplicationFrame, you can change the transitions that are used in a certain page by using the attached property Transition of RadTransitionControl:

    <phone:PhoneApplicationPage... >
    <Grid x:Name="LayoutRoot" >

    This can be the content of your MainPage and in your Page1, you can apply animations of your choice, for example:

                <telerikCore:RadScaleAndMoveAnimation />

    Here, the ForwardIn nad BackwardOut animation are set to RadEmptyAnimation since you don't want to have transition from and to the previous page. You can choose what will be other two animations.

    You will need the following namespace declarations:

    I hope this information helps. Let us know if you need further assistance.


    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

  3. DevCraft banner
Back to Top