New to Kendo UI for Angular? Start a free 30-day trial
Dialog Animations
Updated on Oct 27, 2026
The Kendo UI for Angular Dialog has an opening animation. By default, it uses a translate animation that lasts 300 milliseconds.
Use the animation input to configure the opening animation. Set it to false to open the Dialog without an animation, or pass a DialogAnimation object to specify the type, duration in milliseconds, and direction.
The following example initially selects zoom and lets you change the animation type, duration, and direction or disable the animation. Select Open Dialog after each change to see its effect.
Loading ...