Autohide speed?

[Charles Bates]

There was a question in the WinForms forum about the autohide speed of docked windows.  One reply said an AutohideAnimationDuration property had been exposed on the RadDocking control.

Is there anything like that in the Silverlight tools?

Thanks.

[Miroslav Nedyalkov]

Hello Charles,

 Unfortunately there is no such property in the RadDocking control for Silverlight. We changed the animations of the Docking control and the changes will be released in the next release (Q1 2010) and in the beta version. These new features allow you to change the speed of all animations, but this features are not available yet.

Kind regards,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Charles Bates]

Using the 2010.1.309.1030 binaries, I don't see the AutohideAnimationDuration property on the RadDocking control.
I found AutoHideAreaAnimation, in Telerik.Windows.Controls.Animations.  How do I use those properties with the Docking control?

Thanks for  your help.

[Miroslav Nedyalkov]

Hello Charles,

 As I already said there is no such property on the Docking control. Recently we implemented the animations in more customizable manner and now you could customize the animations. What you need to set is the SpeedRatio property of each animation you need to customize. Please find the attached example that demonstrates how to do this.

All the best,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Charles Bates]

That's very helpful, thanks.

Two more questions regarding autohide:

--  Can the delay between mouseover and the pane opening  be set?

--  Will click-to-open (instead of just mouseover) be a feature of the docking panes?

Thanks.

[Miroslav Nedyalkov]

Hi Charles,

 These features are not included in the Docking control yet. We will consider adding them as part of the control, because they sound reasonable.

Best wishes,
Miroslav Nedyalkov
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Paul]

Miroslav,

I tried the sample with the Q2 2010 release and get several errors like:

The tag 'AutoHideAreaAnimation' does not exist in XML namespace 'clr-namespace:Telerik.Windows.Controls.Animation;assembly=Telerik.Windows.Controls'. \CustomizingDockingAnimations\MainPage.xaml 35 26 CustomizingDockingAnimations

I could not find 'AutoHideAreaAnimation' anywhere in the current Telerik APIs and tutorials ... was the approach modified to change the speed of the auto-hide?  Or was it removed?

Best Regards,
Paul from Minneapolis

[Miroslav Nedyalkov]

Hello Paul,

 Yes, we've changed the class that is responsible for the AutoHide animations. Here is the new XAML for all the animations:

<telerikAnimation:AnimationSelector>
    <!-- ToolWindow, Compass, RootCompass and DragCue animations -->
    <telerikAnimation:AnimationGroup AnimationName="Move">
        <telerikAnimation:MoveAnimation />
        <telerikAnimation:ResizeAnimation />
        <telerikAnimation:FadeAnimation Direction="In" />
        <telerikAnimation:ScaleAnimation Direction="In"
                                            MinScale="0.7"
                                            MaxScale="1.0"
                                            TargetElementName="VisualRoot" />
    </telerikAnimation:AnimationGroup>

    <telerikAnimation:AnimationGroup AnimationName="Show">
        <telerikAnimation:FadeAnimation Direction="In" />
        <telerikAnimation:ScaleAnimation Direction="In"
                                            MinScale="0.95"
                                            MaxScale="1.0"
                                            TargetElementName="VisualRoot" />
    </telerikAnimation:AnimationGroup>
    <telerikAnimation:AnimationGroup AnimationName="Hide"
                                        SpeedRatio="0.7">
        <telerikAnimation:FadeAnimation Direction="Out" />
        <telerikAnimation:ScaleAnimation Direction="Out"
                                            MinScale="0.7"
                                            MaxScale="1.0"
                                            TargetElementName="VisualRoot" />
    </telerikAnimation:AnimationGroup>

    <!-- AutoHideArea animations -->

    <!-- Left AutoHideArea animations -->
    <telerikAnimation:AnimationGroup AnimationName="LeftIn">
        <telerikAnimation:SlideAnimation SlideMode="Top"
                                            Duration="{StaticResource AutoHideInAnimationDuration}"
                                            TargetElementName="PopupChild"
                                            Orientation="Horizontal"
                                            Direction="In" />

        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild" Direction="In" />-->
    </telerikAnimation:AnimationGroup>

    <telerikAnimation:AnimationGroup AnimationName="LeftOut">
        <telerikAnimation:SlideAnimation TargetElementName="PopupChild"
                                                        SlideMode="Top"
                                                        Duration="{StaticResource AutoHideOutAnimationDuration}"
                                                        Orientation="Horizontal"
                                                        Direction="Out" />

        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                                        Direction="Out" />-->
    </telerikAnimation:AnimationGroup>

    <!-- Top AutoHideArea animations -->

    <telerikAnimation:AnimationGroup AnimationName="TopIn">
        <telerikAnimation:SlideAnimation Orientation="Vertical"
                                            Duration="{StaticResource AutoHideInAnimationDuration}"
                                            TargetElementName="PopupChild"
                                            Direction="In" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                                        Direction="In" />-->
    </telerikAnimation:AnimationGroup>

    <telerikAnimation:AnimationGroup AnimationName="TopOut">
        <telerikAnimation:SlideAnimation TargetElementName="PopupChild"
                                            Duration="{StaticResource AutoHideOutAnimationDuration}"
                                                        Orientation="Vertical"
                                                        Direction="Out" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                                        Direction="Out" />-->
    </telerikAnimation:AnimationGroup>

    <!-- Right AutoHideArea animations -->

    <telerikAnimation:AnimationGroup AnimationName="RightIn">
        <telerikAnimation:SlideAnimation SlideMode="Bottom"
                                                        TargetElementName="PopupChild"
                                            Duration="{StaticResource AutoHideInAnimationDuration}"
                                                        Orientation="Horizontal"
                                                        Direction="In" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                                        Direction="In" />-->
    </telerikAnimation:AnimationGroup>

    <telerikAnimation:AnimationGroup AnimationName="RightOut">
        <telerikAnimation:SlideAnimation TargetElementName="PopupChild" SlideMode="Bottom"
                                            Duration="{StaticResource AutoHideOutAnimationDuration}"
                                                        Orientation="Horizontal"
                                                        Direction="Out" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                                        Direction="Out" />-->
    </telerikAnimation:AnimationGroup>

    <!-- Bottom AutoHideArea animations -->

    <telerikAnimation:AnimationGroup AnimationName="BottomIn">
        <telerikAnimation:SlideAnimation SlideMode="Bottom"
                                            Duration="{StaticResource AutoHideInAnimationDuration}"
                Orientation="Vertical" TargetElementName="PopupChild" Direction="In" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                Direction="In" />-->
    </telerikAnimation:AnimationGroup>
    <telerikAnimation:AnimationGroup AnimationName="BottomOut">
        <telerikAnimation:SlideAnimation
            Duration="{StaticResource AutoHideOutAnimationDuration}"
                TargetElementName="PopupChild" Direction="Out"
                Orientation="Vertical" SlideMode="Bottom" />
        <!--<telerikAnimation:FadeAnimation TargetElementName="PopupChild"
                Direction="Out" />-->
    </telerikAnimation:AnimationGroup>
</telerikAnimation:AnimationSelector>

Hope this helps!

Best wishes,
Miroslav Nedyalkov
the Telerik team