New to Telerik UI for ASP.NET Core? Start a free 30-day trial
Animations
Updated on Oct 28, 2025
The ActionSheet in adaptive mode supports opening and closing animations.
By default, the ActionSheet animations are disabled, and the component opens and closes instantly.
You can modify the opening and closing animations through the Open and Close options of the Animation configuration. These properties are effective only when the Adaptive mode is enabled.
The following example demonstrates how to specify animation effects with duration when the ActionSheet opens and closes.
Razor
@(Html.Kendo().ActionSheet()
.Name("actionsheet")
.Title("Select item")
.Animation(animation =>
{
animation.Enable(true);
animation.Open(config =>
{
config.Expand();
config.Fade(FadeDirection.In);
config.Duration(AnimationDuration.Slow);
config.Zoom(ZoomDirection.In);
})
.Close(config =>
{
config.Fade(FadeDirection.Out);
config.Duration(AnimationDuration.Fast);
});
})
.Adaptive(true)
.Items(items =>
{
// add actionsheet items
})
)