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

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

Definition

Package:@progress/kendo-angular-dialog

Properties

actions?

any[] | TemplateRef​<any>

Sets the Dialog actions buttons.

Sets the layout of the Dialog action buttons with actionsLayout.

Configures the Dialog opening animation (see example).

Default:

{ type: 'translate', duration: 300 }

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.

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

closable?

boolean

Specifies whether the Dialog can be closed by the Close button in the title bar or by pressing the Esc key.

Default:

true

Sets the closeTitle for the Close button.

content?

string | Function | TemplateRef​<any>

Defines the Dialog content. (See example.)

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

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.)

Parameters:evDialogResult

The Dialog result.

dialogRef?DialogRef

The Dialog reference, provided only when you create the Dialog using a component.

Returns:

boolean

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