Dashboard Example - how to do

3 posts, 0 answers
  1. ITA
    ITA avatar
    383 posts
    Member since:
    Aug 2009

    Posted 17 Jan 2013 Link to this post

    Hi,

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

    Thanks
    best Regards
    WW
  2. Teodor
    Admin
    Teodor avatar
    501 posts

    Posted 21 Jan 2013 Link to this post

    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.

  3. UI for WPF is Visual Studio 2017 Ready
  4. ITA
    ITA avatar
    383 posts
    Member since:
    Aug 2009

    Posted 21 Jan 2013 Link to this post

    Hi,

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

    thanks
    best Regards
    Rene
Back to Top