New to Kendo UI for Angular? Start a free 30-day trial

Dialog Animations

The Dialog enables you to specify the opening animation type, its direction and duration in milliseconds.

To achieve this, utilize the Dialog animation property. It accepts both boolean and DialogAnimation parameters. To disable the animation completely, set the animation property to false.

Configuring the direction of the Dialog opening animation is only applicable to the slide and expand animation types.

The following example demonstrates the opening animation of the Dialog in action.

Example
View Source
Change Theme:

In this article

Not finding the help you need?