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. |
