How to make RadPanelBar expand and collapse more slowly?

2 posts, 0 answers
  1. lv
    lv avatar
    1 posts
    Member since:
    Nov 2010

    Posted 20 Jan 2011 Link to this post

    I am using a RadPanelBar control, and when RadPanelBar expands and collapses, it run very fast. How to adjust the speed of RadPanelBar  expand and collapse?
  2. Tina Stancheva
    Admin
    Tina Stancheva avatar
    3298 posts

    Posted 24 Jan 2011 Link to this post

    Hi lv,

    Currently this is not a supported scenario. However, we have logged this as a feature request in our PITS, where you can vote for it thus increasing its priority.

    In the meantime, you can edit the ControlTemplate of the RadPanelBarItem in ExpressionBlend (following the approach described here) and modify the default Storyboard in the IsExpanded trigger as you need to:
    <Trigger Property="IsExpanded"
                Value="True">
        <Trigger.EnterActions>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Duration="0:0:0.2"
                            From="0"
                            To="1"
                            Storyboard.TargetProperty="Opacity"
                            Storyboard.TargetName="ItemsContainer" />
                </Storyboard>
            </BeginStoryboard>
        </Trigger.EnterActions>
        <Trigger.ExitActions>
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Duration="0"
                            To="1"
                            Storyboard.TargetProperty="Opacity"
                            Storyboard.TargetName="arrow" />
                    <DoubleAnimation Duration="0:0:0.2"
                            From="0"
                            To="0"
                            Storyboard.TargetProperty="Opacity"
                            Storyboard.TargetName="ItemsContainer" />
                </Storyboard>
            </BeginStoryboard>
        </Trigger.ExitActions>
        <Setter Property="Opacity"
                TargetName="SelectVisual"
                Value="1" />
        <Setter Property="LayoutTransform"
                TargetName="arrow">
            <Setter.Value>
                <TransformGroup>
                    <RotateTransform Angle="180" />
                </TransformGroup>
            </Setter.Value>
        </Setter>
        <Setter Property="Visibility"
                TargetName="ItemsContainer"
                Value="Visible" />
    </Trigger>


    All the best,
    Tina Stancheva
    the Telerik team
    Let us know about your Windows Phone 7 application built with RadControls and we will help you promote it. Learn more>>
  3. UI for WPF is Visual Studio 2017 Ready
Back to Top