• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Dialogs / API / DialogSettings / 
New to Kendo UI for Angular? Start a free 30-day trial

DialogSettings

The settings that can be used when the Dialog is opened through DialogService. (see example).

NameTypeDefaultDescription

actions?

any[] | TemplateRef<any>

Sets the action buttons of the Dialog.

actionsLayout?

ActionsLayout

Specifies 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 set to translate and its duration is 300ms.

appendTo?

ViewContainerRef

Defines the container in which the Dialog will be inserted. Specifying this option changes the place in the page hierarchy where the Dialog will be inserted. The styling of the component will remain the same.

autoFocusedElement?

string

Sets the focused element query selector.

closeTitle?

string

Specifies the title of the close button.

content?

string | Function | TemplateRef<any>

Defines the content of the Dialog. (see example).

cssClass?

any

Sets the CSS classes that will be rendered on the Dialog wrapper element. Supports the union type of values that NgClass accepts ngClass.

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

htmlAttributes?

{[key: string]: string}

Sets the HTML attributes of the Dialog wrapper element. The property accepts string key-value based pairs.

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

preventAction?

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

Defines a predicate that verifies if the pressed dialog action should be prevented. Returning true from the predicate prevents the dialog from closing. If the Close button of the title bar is clicked, DialogResult is a DialogCloseResult instance. If the Dialog is closed through the action buttons, DialogResult contains the object that was passed when the Dialog was opened. (see example)

title?

string

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

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

Constructors

DialogSettings

()

In this article

Not finding the help you need?

Contact Support