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	DialogAction[]		Specifies the action buttons that will be rendered.
actionsLayout	ActionsLayout	'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.
animation	boolean | DialogAnimation	true	Configures the Dialog opening animation (see example). By default the animation type is set to translate and its duration is 300ms.
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%.
themeColor	DialogThemeColor		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: primary dark light
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

Name	Type	Description
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 or the ESC key.

Methods

focus
Focuses the wrapper of the Dialog component.