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

Appointment Creation Animation

1 Answer 63 Views
ScheduleView
This is a migrated thread and some comments may be shown as answers.
Oleg
Top achievements
Rank 1
Oleg asked on 13 Oct 2011, 02:02 PM

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>

1 Answer, 1 is accepted

Sort by
0
Valeri Hristov
Telerik team
answered on 17 Oct 2011, 12:57 PM
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 >>

Tags
ScheduleView
Asked by
Oleg
Top achievements
Rank 1
Answers by
Valeri Hristov
Telerik team
Share this question
or