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

Dashboard Example - how to do

2 Answers 250 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
ITA
Top achievements
Rank 1
ITA asked on 17 Jan 2013, 09:06 AM
Hi,

how do you do the slide in of the Option-Menu in your Dashboard-Example?

Thanks
best Regards
WW

2 Answers, 1 is accepted

Sort by
0
Teodor
Telerik team
answered on 21 Jan 2013, 12:44 PM
Hi,

Thank you for contacting us.

The slide-in is preformed when the visual state of the root Grid panel is changed to ShowPanel:

01.<VisualState x:Name="ShowPanel">
02.    <Storyboard>
03.        <DoubleAnimation Duration="0" To="210" Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="grid" d:IsOptimized="True"/>
04.        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.IsHitTestVisible)" Storyboard.TargetName="grid">
05.            <DiscreteObjectKeyFrame KeyTime="0">
06.                <DiscreteObjectKeyFrame.Value>
07.                    <System:Boolean>True</System:Boolean>
08.                </DiscreteObjectKeyFrame.Value>
09.            </DiscreteObjectKeyFrame>
10.        </ObjectAnimationUsingKeyFrames>
11.        <DoubleAnimation Duration="0" To="1" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)" Storyboard.TargetName="border3" d:IsOptimized="True"/>
12.        <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="IsAnimating" Storyboard.TargetName="radChart">
13.                            <DiscreteObjectKeyFrame KeyTime="0:0:0.5">
14.                                <DiscreteObjectKeyFrame.Value>
15.                                    <System:Boolean>False</System:Boolean>
16.                                </DiscreteObjectKeyFrame.Value>
17.                            </DiscreteObjectKeyFrame>
18.                        </ObjectAnimationUsingKeyFrames>
19.    </Storyboard>
20.</VisualState>

A simple Width change from 0 to 210 pixels is performed (line 03).

Hope this helps. Let us know if you have more questions.

Regards,

Teodor
the Telerik team

Explore the entire Telerik portfolio by downloading Telerik DevCraft Ultimate.

0
ITA
Top achievements
Rank 1
answered on 21 Jan 2013, 01:02 PM
Hi,

thanks, but i can't get it work. Do you have a simple example for me....

thanks
best Regards
Rene
Tags
General Discussions
Asked by
ITA
Top achievements
Rank 1
Answers by
Teodor
Telerik team
ITA
Top achievements
Rank 1
Share this question
or