New to Kendo UI for AngularStart a free 30-day trial

DialogSettings

Represents the settings for opening a Dialog through the DialogService. (See example.)

NameTypeDefaultDescription

actions?

any[] | TemplateRef<any>

Sets the Dialog actions buttons.

actionsLayout?

ActionsLayout

Sets the layout of the Dialog action buttons with actionsLayout.

animation?

boolean | DialogAnimation

{ type: 'translate', duration: 300 }

Configures the Dialog opening animation (see example).

appendTo?

ViewContainerRef

Defines the container where the Dialog is inserted. This changes the place in the page hierarchy where the Dialog appears. The component styling stays the same.

autoFocusedElement?

string

Sets the query selector for the element to focus automatically with autoFocusedElement.

closeTitle?

string

Sets the closeTitle for the Close button.

content?

string | Function | TemplateRef<any>

Defines the Dialog content. (See example.)

cssClass?

any

Sets the CSS classes for the Dialog wrapper element. Accepts any value supported by ngClass.

height?

string | number

Sets the height of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

htmlAttributes?

{[key: string]: string}

Sets the HTML attributes for the Dialog wrapper element. Accepts string key-value pairs.

maxHeight?

string | number

Sets the maximum height of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

maxWidth?

string | number

Sets the maximum width of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

minHeight?

string | number

Sets the minimum height of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

minWidth?

string | number

Sets the minimum width of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

preventAction?

(ev: DialogResult, dialogRef?: DialogRef) => boolean

Use the preventAction callback to check if the pressed Dialog action should be prevented. If true, the Dialog does not close. If the Close button in the title bar is clicked, DialogResult is a DialogCloseResult instance. If the action buttons are used to close the Dialog, DialogResult contains the object passed when opening the Dialog. (See example.)

themeColor?

DialogThemeColor

Sets the theme color of the Dialog.

title?

string

Sets the Dialog title. If you omit title, the Dialog does not render a Close button.

width?

string | number

Sets the width of the Dialog. Use a number for pixels or a string for other units, for example, 50%.

Constructors

DialogSettings

()

In this article
ConstructorsDialogSettings
Not finding the help you need?
Contact Support