New to Kendo UI for Angular? Start a free 30-day trial

FormDialogSettings

Interface

Configures the external editing Dialog.

Definition

Package:@progress/kendo-angular-grid

Syntax:

const dialogSettings: FormDialogSettings = {
  title: 'Edit Item',
  width: 400,
  themeColor: 'primary'
};

Properties

actionsLayout?

ActionsLayout

Sets the layout of the action buttons in the Dialog.

animation?

boolean | DialogAnimation

Configures the Dialog opening animation (see example). By default, the animation type is translate and its duration is 300ms.

appendTo?

ViewContainerRef

Defines the container for the Dialog. Setting this option changes where the Dialog appears in the page hierarchy. The Dialog styling stays the same.

closeTitle?

string

Sets the title of the close button.

cssClass?

any

Sets the CSS classes for the Dialog wrapper element. Supports the union type of values that ngClass accepts.

height?

string | number

Sets the height of the Dialog. A number sets the height in pixels. A string sets the height in arbitrary units, for example, 50%.

htmlAttributes?

{ [key: string]: string }

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

maxHeight?

string | number

Sets the maximum height of the Dialog. A number sets the maximum height in pixels. A string sets the maximum height in arbitrary units, for example, 50%.

maxWidth?

string | number

Sets the maximum width of the Dialog. A number sets the maximum width in pixels. A string sets the maximum width in arbitrary units, for example, 50%.

minHeight?

string | number

Sets the minimum height of the Dialog. A number sets the minimum height in pixels. A string sets the minimum height in arbitrary units, for example, 50%.

minWidth?

string | number

Sets the minimum width of the Dialog. A number sets the minimum width in pixels. A string sets the minimum width in arbitrary units, for example, 50%.

title?

string

Sets the title of the Dialog. If the title is omitted, the Dialog does not render a Close button.

width?

string | number

Sets the width of the Dialog. A number sets the width in pixels. A string sets the width in arbitrary units, for example, 50%.