All Components

WindowComponent

Represents the Kendo UI Window component for Angular.

Selector

kendo-window

Export Name

Accessible in templates as #kendoWindowInstance="kendoWindow"

Inputs

keepContent boolean (default: false)

Specifies if the content of the component is persisted in the DOM when minimized.

title string

Specifies the text that is rendered in the title bar.

draggable boolean (default: true)

Specifies whether the user will be able to drag the component.

height number

Specifies the height of the Window.
The height property has to be set in pixels.

left number

Specifies the initial left offset of the Window.
Numeric values are treated as pixels.

minHeight number (default: 100)

Specifies the minimum height of the Window.
The minHeight property has to be set in pixels.

minWidth number (default: 120)

Specifies the minimum width of the component.
The minWidth property has to be set in pixels.

resizable boolean (default: true)

Specifies whether the user will be able to resize the component.

state WindowState

Specifies the initial state of the component.
The possible values are:

  • minimized
  • maximized
  • default If not specified, the value is set to default.

top number

Specifies the initial top offset of the Window.
The top property has to be set in pixels.

width number

Specifies the width of the Window.
The width property has to be set in pixels.

Events

close EventEmitter

Fires when the user closes the Window.

dragEnd EventEmitter

Fires when the Window was moved by the user.

dragStart EventEmitter

Fires when the user starts to move the Window.

heightChange EventEmitter

Fires when the height property of the component was updated.
The event is triggered only after the resizing has ended.
The event data contains the new height.
Allows a two-way binding of the height property.

leftChange EventEmitter

Fires when the left property of the component was updated.
The event is triggered only after the dragging and resizing have ended.
The event data contains the new left offset.
Allows a two-way binding of the left property.

resizeEnd EventEmitter

Fires when the Window was resized by the user.

resizeStart EventEmitter

Fires when the user starts to resize the Window.

stateChange EventEmitter<WindowState>

Fires when the state property of the component was updated.
The event data contains the new state.
Allows a two-way binding of the state property.

topChange EventEmitter

Fires when the top property of the component was updated.
The event is triggered only after the dragging and resizing have ended.
The event data contains the new top offset.
Allows a two-way binding of the top property.

widthChange EventEmitter

Fires when the width property of the component was updated.
The event is triggered only after the resizing has ended.
The event data contains the new width.
Allows a two-way binding of the width property.

Methods

focus

Focuses the wrapper of the Window component.

In this article