Angular Window Component | Kendo UI for Angular
background

Kendo UI for Angular

Angular Window

  • Ready-to-use, non-modal HTML window that can be moved, resized and closed similar to desktop windows.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
First Steps
Docs & Demos
Window

  • Configurable Angular non-Modal Window

    The Kendo UI for Angular Window is a non-modal HTML window that can be moved and resized. It contains controls similar to desktop windows with minimizing, maximizing and closing actions, and lets developers fully control the content of each window.

    See Angular Window Overview demo.

    Kendo UI for Angular Window - Overview

  • Title

    Every Kendo UI for Angular Window component has a stylized area at the top, which provides a unique space for defining a title to give users more context around the content of the Angular Window component.

    See Angular Window Title demo.

    Kendo UI for Angular Window - Title

  • Action Buttons

    The built-in Action Buttons of the Kendo UI for Angular Window are the minimize, maximize, restore, and close actions. Beyond these, developers can provide custom actions and add them to the Angular Window title area to provide additional actions for users.

    See Angular Window Action Buttons demo.

  • Dimensions

    The Kendo UI for Angular Window provides configuration options for controlling the width and height of the Angular Window. When these options haven’t been set, the Angular Window has internal logic to help calculate the height and width based on the contained content.

    See Angular Window Dimensions demo.

    Kendo UI for Angular Window - Dimensions

  • Resizing

    With a single configuration option, the Kendo UI for Angular Window will change from a static set of dimensions to allow users to resize both the height and width using the corner or sides on the component, letting the Angular Window operate very similar to desktop windows.

    See Angular Window Resizing demo.

    Kendo UI for Angular Window - Resizing

  • Minimizing and Maximizing

    Each Kendo UI for Angular Window has built-in action items for minimizing, maximizing and closing the window.

    See Angular Window Minimizing and Maximizing demo.

    Kendo UI for Angular Window - Minimizing and Maximizing

  • Positioning and Dragging

    The Kendo UI for Angular Window contains several configuration options for where to display the Angular Window initially on the page and supports resizing dimensions and dragging the Angular Window around to change its position.

    See Angular Window Positioning and Dragging demo.

    Kendo UI for Angular Window - Positioning and Dragging

  • Keyboard Navigation

    The Kendo UI for Angular Window component provides built-in keyboard navigation, letting users interact with the various elements of the Angular Window using just a keyboard.

    See Angular Window Keyboard Navigation demo.

  • Accessibility

    The Kendo UI for Angular Window is AAA rated for WCAG 2.0, and compliant with both WAI-ARIA and Section 508 standards.

    Accessibility

All Kendo UI for Angular Components

Charts

Editor

TreeList

Scheduler

Progress Bars

Buttons

Common Features

Conversational UI

Indicators

Diagrams and Maps

Date Inputs

Dialogs

Labels

Icons

Design

Navigation

Dropdowns

Gauges

Grids

Upload

Inputs

Bar & QR Codes

Data Tools

Layout

Next Steps

Get Started with Kendo UI for Angular

First Steps
Docs & Demos
Kendo UI for Angular - Kendoka