DialogComponent
Represents the Kendo UI Dialog component for Angular.
Selector
kendo-dialog
Export Name
Accessible in templates as #kendoDialogInstance="kendoDialog"
Inputs
| NAME | TYPE | DEFAULT | DESCRIPTION |
|---|---|---|---|
actions | Specifies the action buttons that will be rendered. | ||
actionsLayout | (default: 'stretched') | Specifies the layout of the action buttons in the Dialog.
This option is only applicable if the action buttons are specified through the | |
autoFocusedElement | string | Specifies the query selector used to set the initial focus (see examples). | |
height | string | number | Specifies the height of the Dialog.
A numeric value sets the height in pixels.
A string value sets the height in arbitrary units—for example, | |
maxHeight | string | number | Specifies the maximum height of the Dialog.
A numeric value sets the maximum height in pixels.
A string value sets the maximum height in arbitrary units—for example, | |
maxWidth | string | number | Specifies the maximum width of the Dialog.
A numeric value sets the maximum width in pixels.
A string value sets the maximum width in arbitrary units—for example, | |
minHeight | string | number | Specifies the minimum height of the Dialog.
A numeric value sets the minimum height in pixels.
A string value sets the minimum height in arbitrary units—for example, | |
minWidth | string | number | Specifies the minimum width of the Dialog.
A numeric value sets the minimum width in pixels.
A string value sets the minimum width in arbitrary units—for example, | |
title | string | Specifies the text that is rendered in the title bar. | |
width | string | number | Specifies the width of the Dialog.
A numeric value sets the width in pixels.
A string value sets the width in arbitrary units—for example, |
Events
| NAME | TYPE | DESCRIPTION |
|---|---|---|
action | Fires when the user clicks an action button of the Dialog.
The event is fired only when the action buttons are specified through the | |
close | EventEmitter<any> | Fires when the user clicks the Close button of the Dialog or the ESC key. |
Methods
focus |
|---|
Focuses the wrapper of the Dialog component. |
