DialogComponent
Represents the Kendo UI Dialog component for Angular.
Selector
kendo-dialog
Export Name
Accessible in templates as #kendoDialogInstance="kendoDialog"
Inputs
actions
Specifies the action buttons that will be rendered.
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 (see examples).
height
string | number
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
string | number
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
string | number
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
string | number
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
string | number
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
string | number
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
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 or the ESC key.
Methods
focus
Focuses the wrapper of the Dialog component.