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, | |
themeColor |
|
The Dialog allows you to specify predefined theme colors. The theme color will be applied as a background and border color to the titlebar while also amending the text color accordingly. The possible values are:
| |
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. |
