New to Telerik UI for ASP.NET MVCStart 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
    })
    )

See Also

In this article
See Also
Not finding the help you need?
Contact Support