Action Buttons
The Kendo UI for Vue Window supports displaying action buttons beneath its content. Action buttons let users confirm, cancel, or choose between the outcomes of the Window. To show, hide, or replace the built-in titlebar buttons, see Titlebar.
To define action buttons, place the buttons inside a DialogActionsBar element as a direct child of the Window and handle their click actions in your application. The Window renders the DialogActionsBar as a sibling of the k-window-content element instead of inside it. When the Window is minimized, the content is hidden and the DialogActionsBar is not rendered.
To change the alignment of the buttons, set the layout property of the DialogActionsBar to one of the following values:
start—Aligns the buttons to the start of the Window.center—Centers the buttons.end—Aligns the buttons to the end of the Window.stretched—Stretches the buttons to fill the width of the Window. This is the default value.
To stack the buttons, set the orientation property to horizontal (default) or vertical.
The following example renders action buttons in a DialogActionsBar and lets you change their layout.