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 unitsfor 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 unitsfor 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 unitsfor 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 unitsfor 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 unitsfor 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 unitsfor 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<any>

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

Methods

focus

Focuses the wrapper of the Dialog component.