Simple Question: why are my transitions animation not working?

[Jeff Kershner]

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?

[George]

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

[Jeff Kershner]

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>

[Jeff Kershner]

Nevermind... I was able to get this to work by binding to a SelectedItem and doing a INotifyPropertyChanged.
Thanks!