Simple Question: why are my transitions animation not working?

4 posts, 0 answers
  1. Jeff Kershner
    Jeff Kershner avatar
    62 posts
    Member since:
    Aug 2009

    Posted 10 Dec 2010 Link to this post

    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?
  2. George
    Admin
    George avatar
    1332 posts

    Posted 11 Dec 2010 Link to this post

    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
  3. DevCraft banner
  4. Jeff Kershner
    Jeff Kershner avatar
    62 posts
    Member since:
    Aug 2009

    Posted 13 Dec 2010 Link to this post

    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>
  5. Jeff Kershner
    Jeff Kershner avatar
    62 posts
    Member since:
    Aug 2009

    Posted 13 Dec 2010 Link to this post

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