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, you can use the <kendo-dialog-actions> element. You can customize the layout of the buttons by using 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 DialogAction collection and then passing them to the actions property of the Dialog. In this case, the layout of the buttons can be customized through the actionsLayout option of the <kendo-dialog> component.

Example
View Source
Edit In Stackblitz  
Change Theme: