Add Modality to the Window

Unlike the Dialog, the Window does not provide modality out of the box.

Simulating Modality

You can simulate modality for the Window by adding a div element with the k-overlay CSS class to the page.

    ...
  template: `
      <div class="k-overlay" *ngIf="opened"></div>
      ...
    `

The following example demonstrates the full implementation of the suggested approach.

Example
View Source
Edit In Stackblitz  
Change Theme:

Using the Angular Service

The following example demonstrates how to add modality to a Window that is opened through an Angular service.

Example
View Source
Edit In Stackblitz  
Change Theme: