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

How to animate adding or activating a RadPane

3 Answers 112 Views
Docking
This is a migrated thread and some comments may be shown as answers.
Keith
Top achievements
Rank 1
Keith asked on 30 Jul 2014, 06:10 PM
I add and remove RadPanes from my DocumentHost in code.  When I add or remove a panel I want to animate it i.e. slide the panel in or out from the right.  Is there a code example posted that will tell me how to do that using Animation Manager?


Thanks,

Sam

3 Answers, 1 is accepted

Sort by
0
Masha
Telerik team
answered on 04 Aug 2014, 08:54 AM
Hello Keith,

At the moment it is not supported to add an animation to the RadPane when it is added.

What I could suggest is to add an animation for the whole PaneGroup for each time the selected pane is changed - it will appear also when adding a pane (the new pane is selected when this happens) or when closing a pane (the currently selected pane is removed, so it is deselected). Unfortunately you cannot easily add animation only for opening/closing of a pane.

To achieve this you need to edit the ControlTemplate of the RadPaneGroup and to replace the ContentPresenter that presents the SelectedContent with a RadTransitionControl - it supports slick animations. For more information about how to use the TransitionControl into the ControlTemplate of a TabControl (the RadPaneGroup is actually a TabControl) you could refer to the following article - http://blogs.telerik.com/blogs/posts/10-05-12/using_transitions_with_radtransitioncontrol_and_transitionpresenter_in_radtabcontrol.aspx

Hope this helps!

Regards,
Masha
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
0
Keith
Top achievements
Rank 1
answered on 04 Aug 2014, 09:19 PM
Thank you for your reply.  The link you posted gives a 404 error:
http://blogs.telerik.com/blogs/posts/10-05-12/using_transitions_with_radtransitioncontrol_and_transitionpresenter_in_radtabcontrol.aspx

I pasted it into notepad to find invalid characters but it still does not work sorry.
0
Masha
Telerik team
answered on 05 Aug 2014, 06:12 AM
Hi Keith,

Excuse me for the wrong link.
I've already updated the link from my previous post with the working one.

I hope it helps.

Regards,
Masha
Telerik
 
Check out Telerik Analytics, the service which allows developers to discover app usage patterns, analyze user data, log exceptions, solve problems and profile application performance at run time. Watch the videos and start improving your app based on facts, not hunches.
 
Tags
Docking
Asked by
Keith
Top achievements
Rank 1
Answers by
Masha
Telerik team
Keith
Top achievements
Rank 1
Share this question
or