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

Dimensions and Resizing

Updated on Oct 27, 2026

The Window enables you to set its initial width and height, and change its dimensions by dragging the resize handles.

Dimensions

To define the dimensions of the Window, use its width and height inputs. The values are in pixels and set the size of the Window when it renders. When the user resizes the Window, its width and height update to the new size.

The following example sets the initial dimensions of the Window.

Example
View Source
Loading ...

Resizing

By default, the Window enables you to resize it by dragging its edges and corners (resize handles). To control this behavior, use the resizable input. Set it to false to remove the resize handles and prevent users from changing the Window size.

To prevent the Window from shrinking below a specified size, set the minWidth and minHeight inputs. Their default values are 120 and 100 pixels.

The widthChange and heightChange events fire while the user drags a resize handle. Use them to track or control the dimensions of the Window.

The following example lets you toggle the resizable input of the Window.

Example
View Source
Loading ...
In this article
DimensionsResizingSuggested Links
Not finding the help you need?
Contact Support