All Components

Action Buttons

The Window provides the minimize, maximize, restore, and close built-in actions.

You can also configure custom actions along with the available ones. Any kendoButton that is added to the kendo-window-titlebar will be rendered alongside the built-in commands.

@Component({
    selector: 'my-app',
    template: `
      <kendo-window>
        <kendo-window-titlebar>
            <div class='k-window-title'>Custom action</div>
            <button kendoButton (click)="onClick($event)" [icon]="'folder'" [look]="'bare'"></button>
            <button kendoWindowMaximizeAction></button>
            <button kendoWindowRestoreAction></button>
        </kendo-window-titlebar>
        <p style="text-align: center;">I have a custom folder action!</p>
      </kendo-window>
    `
})
class AppComponent {
    public onClick(e) {
        alert('Custom Action Clicked');
    }
}
In this article