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

How to make RadPanelBar expand and collapse more slowly?

1 Answer 85 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
lv
Top achievements
Rank 2
lv asked on 20 Jan 2011, 06:46 AM
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?

1 Answer, 1 is accepted

Sort by
0
Tina Stancheva
Telerik team
answered on 24 Jan 2011, 05:24 PM
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>>
Tags
PanelBar
Asked by
lv
Top achievements
Rank 2
Answers by
Tina Stancheva
Telerik team
Share this question
or