Kendo UI for Angular Window Overview

The Kendo UI for Angular Window displays content in a non-modal HTML window which can be moved and resized.

The Window Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the Window in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • TitleThe Window provides configuration options for displaying a title as well as customizing the content of that title.
  • VisibilityEven though the Window is visible by default, you can still overwrite and control this functionality.
  • Initial focusThe Window enables you to set different elements as focused upon its loading.
  • Action buttonsTo further customize the Window, you can use the available approaches for displaying its action buttons.
  • Dimensions and resizingTo control the size of the Window, the component provides specific configuration options for setting its height and width as well as allowing users to resize it.
  • Positioning and draggingYou can specify the position of the Window and also allow it to be moved by dragging.
  • Minimizing and maximizingThe Window provides title bar commands which enable the user to minimize and maximize the component when needed.
  • Angular serviceYou can also create the Window dynamically by using the Angular service integration of the component.
  • GlobalizationAll Kendo UI for Angular Dialogs provide globalization options.
  • AccessibilityThe Window is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe Window supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?