Appointment Creation Animation

2 posts, 0 answers
  1. Oleg
    Oleg avatar
    42 posts
    Member since:
    Oct 2011

    Posted 13 Oct 2011 Link to this post

    Hi there!

    I am wondering, how can I create an animation for the "creation" process of an appointment?
    What I mean is - if a user makes a double click to create an appointment, he gets the creation Dialog first. After pressing "OK" - bang, ScheduleView GUI creates an item. And I want to animate that creation - the simpliest would be the visibility animation from 0% to 100%. The thing I want to achieve in the end - something like this scheme:
    1) User_1 opens his ScheduleView to check his appointments.
    2) The loading function gets his 10 items, that are visually animated.
    3) In a while some User_2 creates an appointment for the User_1 from an another PC.
    4) Server sends this 11th appointment to User_1's ScheduleView - and this appointment item is brightly animated, so the user see that there is something new.

    How can I code it? If I have this storyboard - how can I get the created appointment as UIElement or where can I paste this code in the style?

    <Storyboard x:Key="sbNewAppointment">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)">
                    <EasingDoubleKeyFrame KeyTime="0" Value="0"/>
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleX)">
                    <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.5">
                        <EasingDoubleKeyFrame.EasingFunction>
                            <CubicEase EasingMode="EaseOut"></CubicEase>
                        </EasingDoubleKeyFrame.EasingFunction>
                    </EasingDoubleKeyFrame>
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
                        <EasingDoubleKeyFrame.EasingFunction>
                            <CubicEase EasingMode="EaseOut"></CubicEase>
                        </EasingDoubleKeyFrame.EasingFunction>
                    </EasingDoubleKeyFrame>
                </DoubleAnimationUsingKeyFrames>
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(CompositeTransform.ScaleY)">
                    <EasingDoubleKeyFrame KeyTime="0:0:1" Value="1.5">
                        <EasingDoubleKeyFrame.EasingFunction>
                            <CubicEase EasingMode="EaseOut"></CubicEase>
                        </EasingDoubleKeyFrame.EasingFunction>
                    </EasingDoubleKeyFrame>
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1">
                        <EasingDoubleKeyFrame.EasingFunction>
                            <CubicEase EasingMode="EaseOut"></CubicEase>
                        </EasingDoubleKeyFrame.EasingFunction>
                    </EasingDoubleKeyFrame>
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>

  2. Valeri Hristov
    Admin
    Valeri Hristov avatar
    2252 posts

    Posted 17 Oct 2011 Link to this post

    Hi Oleg,

    I am afraid RadScheduleView does not currently support such animations and we don't think it could be customized to this extent because states need to be added to the appointment items and code to trigger these states.

    Kind regards,
    Valeri Hristov
    the Telerik team

    Explore the entire Telerik portfolio by downloading the Ultimate Collection trial package. Get it now >>

  3. DevCraft banner
Back to Top