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

Actions

The following example demonstrates how to create a modal Window with a predefined position and enable all user actions.

Predefined User Actions

The order of the values in the actions array determines the order in which the action buttons are rendered in the title of a Window. The maximize action serves both as a button for expanding a Window to fill the screen and as a button to restore a Window to its previous size. The minimize action collapses a Window to its title.

Example
View Source
Change Theme:

Custom User Actions

If the user supplies a non-recognized action name, the Window treats that action name as a custom action. As a result, the Window renders the k-icon and k-i-actionname (all lowercase) CSS classes for it and does not automatically attach a click event handler. By default, the Kendo UI stylesheets provide an icon for "custom"-named actions—however, you can use any other name for the non-recognized action and then capture and handle the click events in a standard way.

Example
View Source
Change Theme: