New to Kendo UI for Angular? Start a free 30-day trial
Dimensions
Updated on Oct 27, 2026
The Kendo UI for Angular Dialog allows you to specify its width and height.
To define the dimensions of the Dialog, set its width and height inputs.
For content that varies, use the minimum and maximum limits instead of fixing the width or height. Use minWidth and maxWidth to constrain the Dialog width, and minHeight and maxHeight to constrain its height.
Use numbers for pixels or strings with CSS units, such as "50%", for relative sizes. If you omit a dimension, the Dialog leaves it unset rather than applying an inline size.
The following example sets the Dialog width to 400 pixels and its height to 300 pixels.
Loading ...