Action Buttons

Updated on Oct 27, 2026

The Kendo UI for Angular Window does not render a separate actions bar. To show action buttons in thw Window content, nest them inside the kendo-window element, typically below the content text. Use CSS, such as flexbox, to set their alignment.

To render action buttons in a kendo-window element, add the kendoButton elements inside it after your content:

html

<kendo-window title="Delete Data">
  <p>Are you sure you want to delete the selected data?</p>
  <div class="actions">
    <button kendoButton>Cancel</button>
    <button kendoButton themeColor="primary">Delete</button>
  </div>
</kendo-window>

You can also open a Window with the WindowService and pass a component that contains the action buttons as the content setting. The Angular Service article demonstrates a Window that renders a Submit button in its content in a similar way.

The following example renders action buttons in the content of a Window.

Example

View Source

Loading ...

Suggested Links

• Titlebar
• Angular Service
• API Reference of the Window