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:
