DialogComponent

Represents the Kendo UI Dialog component for Angular.

Selector

kendo-dialog

Export Name

Accessible in templates as #kendoDialogInstance="kendoDialog"

Inputs

actions DialogAction[]

Specifies the action buttons that will be rendered.

actionsLayout 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 actions options.

autoFocusedElement string

Specifies the query selector used to set the initial focus.

height number | string

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, 50%.

maxHeight number | string

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, 50%.

maxWidth number | string

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, 50%.

minHeight number | string

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, 50%.

minWidth number | string

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, 50%.

title string

Specifies the text that is rendered in the title bar.

width number | string

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, 50%.

Events

action EventEmitter<DialogAction>

Fires when the user clicks an action button of the Dialog.
The event is fired only when the action buttons are specified through the actions options.

close EventEmitter

Fires when the user clicks the Close button of the Dialog.

Methods

focus

Focuses the wrapper of the Dialog component.