This is a migrated thread and some comments may be shown as answers.

Return content to previous state

1 Answer 42 Views
Animation
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Erik
Top achievements
Rank 1
Erik asked on 17 Jun 2012, 05:20 PM
I currently keep all my different pages in a single page and the elements for each "page" are nested grids or nested Canvas' that I switch the Visibility and/or Opacity on.  Navigation between these "pages" is controlled through button presses and it pushes the content forward and back (think tiered menu's).  I'd like the content (various buttons and text blocks) to have the transition effects like a real page change as I switch between content but am having a tough time finding the best way to do it.  I've found the radAnimations to be a great start using the radPlaneProjection but am unsure the best way to return my content to the previous state when navigating back.

What are the best practices surrounding creating transitions for content like the above, and is there a way other then creating a reverse animation that runs when the content is hidden to return it to it's regular state?

1 Answer, 1 is accepted

Sort by
0
Vijay
Top achievements
Rank 1
answered on 17 Jun 2012, 07:33 PM
Hello Erik,


As mentioned, you are trying to switch between the multiple components within the page and want to have some animation effect. Please find the below link for the sample code which helps add animation effects to the content on page. This links clearly demonstrates out with different types of RadAnimations, based on this you can customize your code towards the requirements.

Click Here for Telerik Rad Animations Example

Hope this should be useful.

Thanks and Regards,
Vijay
MVC Corp.
Tags
Animation
Asked by
Erik
Top achievements
Rank 1
Answers by
Vijay
Top achievements
Rank 1
Share this question
or