WindowComponent
Represents the Kendo UI Window component for Angular.
Definition
Package:@progress/kendo-angular-dialog
Selector:kendo-window
Export Name:Accessible in templates as #kendoWindowInstance="kendoWindow"
Syntax:
<kendo-window title="My Window" [width]="400" [height]="300">
</kendo-window>Inputs
autoFocusedElement
string
Specifies the query selector used to set the initial focus (see examples).
draggable
boolean
Specifies if the user can drag the component.
true
height
number
Sets the height in pixels.
keepContent
boolean
Specifies if the content stays in the DOM when minimized.
false
left
number
Sets the initial left offset in pixels.
minHeight
number
Sets the minimum height in pixels.
100
minWidth
number
Sets the minimum width in pixels.
120
resizable
boolean
Specifies if the user can resize the component.
true
Sets the initial state of the Window.
title
string
Sets the text in the title bar.
top
number
Sets the initial top offset in pixels.
width
number
Sets the width in pixels.
Events
close
EventEmitter<any>
Fires when the user closes the Window.
dragEnd
EventEmitter<any>
Fires after the Window has been moved by the user.
dragStart
EventEmitter<any>
Fires when the user starts to move the Window.
heightChange
EventEmitter<number>
Fires when the height property is updated after resizing. The event data contains the new height. Allows two-way binding of the height property.
leftChange
EventEmitter<number>
Fires when the left property is updated after dragging or resizing. The event data contains the new left offset. Allows two-way binding of the left property.
resizeEnd
EventEmitter<any>
Fires after the Window has been resized by the user.
resizeStart
EventEmitter<any>
Fires when the user starts to resize the Window.
Fires when the state property is updated. The event data contains the new state. Allows two-way binding of the state property.
topChange
EventEmitter<number>
Fires when the top property is updated after dragging or resizing. The event data contains the new top offset. Allows two-way binding of the top property.
widthChange
EventEmitter<number>
Fires when the width property is updated after resizing. The event data contains the new width. Allows two-way binding of the width property.
Methods
Brings the current Window component on top of other Window components on the page.
Focuses the wrapper of the Window component.
Manually updates the width or height option of the Window.
The required style will be applied to the Window wrapper element and the
corresponding property of the component instance will be updated.
This method is intended to be used for sizing dynamically created components using the
WindowService
The option to update.
valuenumberThe value in pixels.
Manually updates the top or left offset of the Window.
The required style will be applied to the Window wrapper element and the
corresponding property of the component instance will be updated.
This method is intended to be used for positioning dynamically created components using the
WindowService
The option to update.
valuenumberThe value in pixels.