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

Simple Question: why are my transitions animation not working?

3 Answers 105 Views
TransitionControl
This is a migrated thread and some comments may be shown as answers.
Jeff Kershner
Top achievements
Rank 1
Jeff Kershner asked on 10 Dec 2010, 08:18 PM
I have the following transition control:
<telerik:RadTransitionControl x:Name="lrTransitionControl"  
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center"
                                Duration="00:00:00.400">
    <telerik:RadTransitionControl.Transition>
        <telerikTransitions:MotionBlurredZoomTransition />
    </telerik:RadTransitionControl.Transition>
    <telerik:RadTransitionControl.Content>
        <Image Source="{Binding ChartURI}" Stretch="Uniform" />
    </telerik:RadTransitionControl.Content>
</telerik:RadTransitionControl>

I set the DataContext that control is set to is correctly changing images every 30 seconds by deriving from iNotifyPropertyChanged on the ChartURI property.

So the chart correct is changing, but I don't see any animations happening. 

Any idea why?

3 Answers, 1 is accepted

Sort by
0
George
Telerik team
answered on 11 Dec 2010, 09:30 AM
Hello Jeff,

The RadTransitionControl applies transition effects upon changing its content. In your example, you change the Image control, but this doesn't affect the Content of the RadTransitionControl. I would suggest you to bind the Content of the RadTransitionControl, and to define a ContentTemplate for it. Please, refer to the following link - http://www.telerik.com/help/silverlight/radtransition-getting-started.html.

I hope this helps.

Regards,
George
the Telerik team
Browse the videos here>> to help you get started with RadControls for Silverlight
0
Jeff Kershner
Top achievements
Rank 1
answered on 13 Dec 2010, 06:16 PM
I see that the example is performing a content change on the SelectedItem event of the PhotosListBox.  In my example, I am trying to make my images change on a storyboard timer.

I tried this, but nothing seems to happen (UpperRightChart is the name of a storyboard that was added as a resource in the code behind):
<telerik:RadTransitionControl x:Name="urTransitionControl"
                                HorizontalAlignment="Center" 
                                VerticalAlignment="Center"
                                Content="{Binding Completed, ElementName=UpperRightChart}"
                                Duration="00:00:00.400">
    <telerik:RadTransitionControl.Transition>
        <telerikTransitions:MotionBlurredZoomTransition />
    </telerik:RadTransitionControl.Transition>
                      
    <telerik:RadTransitionControl.ContentTemplate>
        <DataTemplate>
            <Image Source="{Binding ChartURI}" Stretch="Uniform" />
        </DataTemplate>
    </telerik:RadTransitionControl.ContentTemplate>
</telerik:RadTransitionControl>
0
Jeff Kershner
Top achievements
Rank 1
answered on 13 Dec 2010, 07:02 PM
Nevermind... I was able to get this to work by binding to a SelectedItem and doing a INotifyPropertyChanged.
Thanks!
Tags
TransitionControl
Asked by
Jeff Kershner
Top achievements
Rank 1
Answers by
George
Telerik team
Jeff Kershner
Top achievements
Rank 1
Share this question
or