New to Telerik UI for WPF? Start a free 30-day trial

Transitions

Updated on Sep 23, 2026

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

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);

VB.NET

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

Transitions

See Also