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 |
|
| Specifies the layout of the action buttons in the Dialog.
This option is only applicable if the action buttons are specified through the |
animation |
|
| Configures the Dialog opening animation (see example).
By default the animation type is set to |
autoFocusedElement |
| Specifies the query selector used to set the initial focus (see examples). | |
height |
| 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 |
| 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 |
| 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 |
| 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 |
| 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 |
| Specifies the text that is rendered in the title bar. | |
width |
| 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 |
| Fires when the user clicks the Close button of the Dialog or the ESC key. |
Methods
focus |
|---|
Focuses the wrapper of the Dialog component. |
