transitions.md

title	page_title	description	slug	tags	published	position
Transitions	Transitions	The RadFluidContentControl supports transition animations that are triggered when you change between the contents.	fluidcontentcontrol-transitions	transitions,animation,effect	true	4

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.

tip The transition objecs are part of the RadTransitionControl. You can find a list of all the supported effects in the corresponding [Transitions]({%slug radtransition-features-transitions%}) article.

The transition duration is controlled via the TransitionDuration property.

[XAML] Example 1: Setting transition in XAML

{{region radfluidcontentcontrol-transitions-0}} <telerik:RadFluidContentControl x:Name="radFluidContentControl" TransitionDuration="0:0:0.500"> telerik:RadFluidContentControl.Transition <telerik:MotionBlurredZoomTransition /> </telerik:RadFluidContentControl.Transition> </telerik:RadFluidContentControl> {{endregion}}

[C#] Example 2: Setting transition in code

{{region radfluidcontentcontrol-transitions-1}} this.radFluidContentControl.Transition = new MotionBlurredZoomTransition(); this.radFluidContentControl.TransitionDuration = TimeSpan.FromMilliseconds(500); {{endregion}}

[VB.NET] Example 2: Setting transition in code

{{region radfluidcontentcontrol-transitions-2}} Me.radFluidContentControl.Transition = New MotionBlurredZoomTransition() Me.radFluidContentControl.TransitionDuration = TimeSpan.FromMilliseconds(500) {{endregion}}

See Also

• [Getting Started]({%slug fluidcontentcontrol-getting-started%})
• [Data Binding]({%slug fluidcontentcontrol-data-binding%})
• [Events]({%slug fluidcontentcontrol-events%})