WindowComponent
Represents the Kendo UI Window component for Angular.
<kendo-window title="My Window" [width]="400" [height]="300">
</kendo-window>
Selector
kendo-window
Export Name
Accessible in templates as #kendoWindowInstance="kendoWindow"
Inputs
Name | Type | Default | Description |
---|---|---|---|
autoFocusedElement |
|
Specifies the query selector used to set the initial focus (see examples). | |
draggable |
|
|
Specifies if the user can drag the component. |
height |
|
Sets the height in pixels. | |
keepContent |
|
|
Specifies if the content stays in the DOM when minimized. |
left |
|
Sets the initial left offset in pixels. | |
minHeight |
|
|
Sets the minimum height in pixels. |
minWidth |
|
|
Sets the minimum width in pixels. |
resizable |
|
|
Specifies if the user can resize the component. |
state |
|
Sets the initial state of the Window. | |
themeColor |
|
Sets the predefined theme color for the Window. The color applies to the title bar background and border, and updates the text color. | |
title |
|
Sets the text in the title bar. | |
top |
|
Sets the initial top offset in pixels. | |
width |
|
Sets the width in pixels. |
Events
Name | Type | Description |
---|---|---|
close |
|
Fires when the user closes the Window. |
dragEnd |
|
Fires after the Window has been moved by the user. |
dragStart |
|
Fires when the user starts to move the Window. |
heightChange |
|
Fires when the |
leftChange |
|
Fires when the |
resizeEnd |
|
Fires after the Window has been resized by the user. |
resizeStart |
|
Fires when the user starts to resize the Window. |
stateChange |
|
Fires when the |
topChange |
|
Fires when the |
widthChange |
|
Fires when the |
Methods
bringToFront |
---|
Brings the current Window component on top of other Window components on the page. |
focus |
---|
Focuses the wrapper of the Window component. |
setDimension | |||||||||
---|---|---|---|---|---|---|---|---|---|
Manually updates the | |||||||||
|
setOffset | |||||||||
---|---|---|---|---|---|---|---|---|---|
Manually updates the | |||||||||
|