DevTools for .NET

Answered Animation

Oksana

Posted on Mar 17, 2011 (permalink)

Hello,

can you please show an example of how to change the speed of transition animation when it is enabled for the extender control(telerik:AnimationManager.IsAnimationEnabled="True")

Thank you

Reply

Answer Tina Stancheva Tina Stancheva
Posted on Mar 19, 2011 (permalink)

Hi Oksana,

With the latest official release you can take advantage of the Telerik AnimationManager to control the RadExpander animations in WPF:

<Style TargetType="telerik:RadExpander">

    <Setter Property="telerik:AnimationManager.AnimationSelector">

        <Setter.Value>

            <telerik:AnimationSelector>

                <telerik:ExpanderExpandCollapseAnimation                                 AnimationName="Expand"

             Direction="In"

             TargetElementName="Content"

             SpeedRatio="0.2" />

                <telerik:ExpanderExpandCollapseAnimation                                AnimationName="Collapse"

            Direction="Out"            TargetElementName="Content"

            SpeedRatio="0.2" />

            </telerik:AnimationSelector>

        </Setter.Value>

    Setter>

</Style>

You can control the speed of the animation through the SpeedRatio property. I attached a sample project to help you get started. Let us know if we can further assist you.

All the best,
Tina Stancheva
the Telerik team

Vote for the 7 Telerik products at the 2011 Great Indian Developer Awards!
Attached files
- ExpanderAnimationSample.zip
Reply