Animations

The Telerik UI Window for ASP.NET MVC allows you to customize the animation effects upon display via the Animation() configuration option.

The Following example demonstrates how you can configure the Animation effects for the Window:

Razor

@(Html.Kendo().Window()
    .Name("window")
    .Title("Window")
    .Animation(animation =>
    {
        animation.Open(open =>
        {
            open.Zoom(ZoomDirection.In);
            open.Fade(FadeDirection.In);
            open.Duration(500);
        });

        animation.Close(close =>
        {
            close.Reverse(false);
            close.Zoom(ZoomDirection.Out);   
            close.Fade(FadeDirection.In);
        });
    })
    .Content("Window Content")
)

See Also

• [Adding Animation Effects to the Window (Demo)](https://demos.telerik.com/ASP.NET MVC/window/animation)
• Server-Side API of the Telerik UI Window for ASP.NET MVC
• JavaScript API Reference of the Window