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

Action Buttons

The Dialog provides options for rendering action buttons and customizing their content and layout.

To specify the action buttons of the Dialog, use either of the following approaches:

Since version 12.0.0 of the Dialog package, the available action layout options have been updated. The normal layout option has been deprecated and replaced with start.

Using the actions Component

To specify action buttons in the Dialog, use the <kendo-dialog-actions> element. You can customize the layout of the buttons by utilizing the layout option of the <kendo-dialog-actions> component.

Example
View Source
Change Theme:

Using the actions Collection

You can also specify action buttons in the Dialog by listing the actions as a DialogAction collection, and then pass them to the actions property of the Dialog. In this case, you can customize the layout of the buttons through the actionsLayout option of the <kendo-dialog> component.

Example
View Source
Change Theme: