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:

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
Edit In Stackblitz  
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
Edit In Stackblitz  
Change Theme: