New to Telerik UI for ASP.NET MVC? Start a free 30-day trial
Animations
By default, the TabStrip uses animations to reveal the content of the tabs. You can modify these animations through the Animation
configuration option.
The following example demonstrates how to configure the TabStrip animation:
Razor
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Animation(animation =>
{
animation.Enable(true);
animation.Open(config =>
{
config.Expand(ExpandDirection.Vertical);
config.Fade(FadeDirection.In);
config.Duration(AnimationDuration.Slow);
});
animation.Close(config =>
{
config.Reverse(true);
});
})
.Items(tabstrip =>
{
// add TabStrip items
})
)