jQWidgets
  • Docs
  • License and Pricing
  • Services
  • Community
    • Forums
    • Blogs
    • Follow Us
    • Client Login
  • About
    • About Us
    • Contact Us
    • FAQ
  • Products
    • Angular
    • React
    • Vue
    • jQuery
    • Web Components
    • Blazor
    • Svelte
    • Templates
  • Download
Angular UI Components
  • Javascript/jQuery
  • Angular
  • Vue
  • React
  • Web Components
  • Blazor
  • Templates
  • Theme Builder
  • Artavolo
Show Demo List

Angular UI Components (Angular 16–22 supported)

Data Grids and Tables

  • jqxGrid
  • jqxPivotGrid
  • jqxTreeGrid
  • jqxDataTable

Charts and Visualization

  • jqxChart
  • jqxGauge
  • jqxBarGauge
  • jqxBulletChart
  • jqxHeatMap
  • jqxTreeMap
  • jqxRangeSelector
  • jqxBarcode New
  • jqxQRcode New
  • jqxDraw

Scheduling and Planning

  • jqxScheduler
  • jqxGantt
  • jqxKanban
  • jqxTimeline

AI and Collaboration

  • jqxChat New

Editors and Inputs

  • jqxEditor
  • jqxForm
  • jqxDateTimeInput
  • jqxCalendar
  • jqxTimePicker
  • jqxInput
  • jqxNumberInput
  • jqxMaskedInput
  • jqxFormattedInput
  • jqxComplexInput
  • jqxPasswordInput
  • jqxTextArea
  • jqxColorPicker
  • jqxSlider
  • jqxKnob
  • jqxRating
  • jqxButtons
  • jqxCheckBoxGroup New
  • jqxFileUpload
  • jqxValidator
  • jqxValidator

Lists and Selection

  • jqxDropDownList
  • jqxComboBox
  • jqxListBox
  • jqxTree
  • jqxPickList New

Navigation and Menus

  • jqxTabs
  • jqxMenu
  • jqxToolBar
  • jqxRibbon
  • jqxNavigationBar
  • jqxNavBar
  • jqxListMenu

Layout and Containers

  • jqxSplitter
  • jqxLayout
  • jqxDockingLayout
  • jqxDocking
  • jqxSplitLayout
  • jqxPanel
  • jqxExpander
  • jqxResponsivePanel
  • jqxScrollView
  • jqxScrollBar

Popups and Feedback

  • jqxWindow
  • jqxNotification
  • jqxTooltip
  • jqxPopOver
  • jqxLoader
  • jqxProgressBar

Data and Utilities

  • jqxDragDrop
  • jqxSortable

jqxWindow

  • Default Functionality
  • Multiple Windows
  • Settings
  • Events
  • Keyboard Navigation
  • Right to Left Layout
Theme:
  • Demo
  • App.htm
  • app.ts
  • app.html
  • main.ts
  • API Reference

Angular Window UI Component

The Window component for Angular is a floating window which has two main parts - title and content. In the title you can have any html content and close button. In the content you can put any html content. The Window component can be used to direct users' attention to a particular activity in your application, such as entering data or viewing information. Consider using a Window when you need greater customization, want to block the user interface outside the window, or when you want to retrieve a DialogResult and other data from the popup window. The component can be displayed as a modal dialog window that blocks user interaction with the underlying user interface or as a standard window without blocking the web page's user interface.

angular window

About jqxWindow for Angular

jqxWindow is the jQWidgets Window component for Angular. Dialog window that can be modal, dragged, resized, collapsed and animated.

6 jqxWindow demos with source code

  • Default Functionality – Default functionalities in Angular Window.
  • Multiple Windows – Multiple window rows in Angular Window.
  • Settings – The settings in Angular Window.
  • Events – The events that occur in Angular Window.
  • Keyboard Navigation – The keyboard navigation in Angular Window.
  • Right to Left Layout – The right to left support of Angular Window.

jqxWindow API

jqxWindow has 35 properties, 8 events and 14 methods, all in the API reference. Its main members, those its demos use first:

  • content (property) – Sets or gets window's content's html content.
  • title (property) – Sets or gets window's title content.
  • position (property) – Sets or gets window's position.
  • minHeight (property) – Sets or gets window's minimum height.
  • minWidth (property) – Sets or gets window's minimum width.
  • focus (method) – Focuses the window.
  • resizable (property) – Enables or disables whether the end-user can resize the window.
  • maxHeight (property) – Sets or gets window's maximum height.
  • maxWidth (property) – Sets or gets window's maximum width.
  • cancelButton (property) – Sets or gets cancel button.

Learn more

  • Getting started
  • API reference
  • JavaScript version
jQWidgets
  • Facebook
  • X (Twitter)
  • Demo
  • Download
  • Documentation
  • License and Pricing
  • Services
  • Products
  • Angular UI Components
  • React UI Components
  • Vue UI Components
  • Blazor UI Components
  • jQuery UI Components
  • Javascript UI Components
  • Svelte Data Grid (SvGrid)
  • Forums
  • About
  • Terms of Use
  • Privacy Policy
  • Contact Us

jQWidgets © 2011-2026. All Rights Reserved.