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

DialogService

Updated on Feb 5, 2026

Provides a service for opening Dialog windows dynamically (see example).

Constructors

DialogService


(containerService: DialogContainerService)

Parameters

containerService


DialogContainerService

Methods

open

Opens a Dialog window. Requires an element in the application that uses the kendoDialogContainer directive. The created Dialog mounts in the DOM directly after that element.

typescript

const dialog = this.dialogService.open({
  title: 'Confirm',
  content: 'Are you sure?',
  actions: [
    { text: 'No' },
    { text: 'Yes', themeColor: 'primary' }
  ]
});
dialog.result.subscribe(result => {
  // handle result
});

Parameters
options	`DialogSettings`	The options that define the Dialog.

Returns
`DialogRef`	A reference to the Dialog object and its convenience properties.