Transitions

The RadFluidContentControl supports transition animations that are triggered when you change between the contents - small, normal and large. The default transition is a fade effect.

The transition effect can be replace via the Transition property of the control. It expects an object of type TransitionProvider, which is the abstract class inherited by all transition implementations.

The transition objecs are part of the RadTransitionControl. You can find a list of all the supported effects in the corresponding Transitions article.

The transition duration is controlled via the TransitionDuration property.

Example 1: Setting transition in XAML

<telerik:RadFluidContentControl x:Name="radFluidContentControl"  
                                TransitionDuration="0:0:0.500">  
    <telerik:RadFluidContentControl.Transition> 
        <telerik:MotionBlurredZoomTransition /> 
    </telerik:RadFluidContentControl.Transition> 
</telerik:RadFluidContentControl> 

Example 2: Setting transition in code

this.radFluidContentControl.Transition = new MotionBlurredZoomTransition(); 
this.radFluidContentControl.TransitionDuration = TimeSpan.FromMilliseconds(500); 
Me.radFluidContentControl.Transition = New MotionBlurredZoomTransition() 
Me.radFluidContentControl.TransitionDuration = TimeSpan.FromMilliseconds(500) 

See Also

In this article