< DHTMLX Suite 8.3: Colorpicker Transparency Scale, Extended Functionality of Columns’ Header and Footer in Grid/TreeGrid, and More

JavaScript Window

An easy-to-use JavaScript/HTML window with convenient modes and smooth customization. Part of the leading-edge Suite UI library.

Product Features

  • Cross-browser compatibility
  • Easy customization
  • Full control with JavaScript API
  • Fullscreen mode
  • Modal mode
  • Movable mode
  • Resizable mode
  • Accessibility support
  • Multiple windows per page
  • Ability to overlap
  • Ability to attach HTML content and other DHTMLX components
  • Virtual area
  • Support for Angular, React, Vue.js
  • Attaching Window to a custom node

Fast JavaScript Window Initialization

5 Easy Steps to Initialize a JavaScript Window with DHTMLX:
1
Create an HTML file
2
Include the window source code files in the header
3
Initialize the component with the dhx.Window object constructor
4
Specify a set of configuration properties. Otherwise, you’ll get the default settings
5
Add HTML content or attach other DHTMLX components into the window

Why Choose dhtmlxWindow?

Build a cross-browser JavaScript window
dhtmlxWindow is a JavaScript window object with cross-browser support. The component mimics the behavior of operating system dialogs and provides all common functionality available in a desktop environment: window can be closed, minimized, maximized, resized, put on top, dragged, displayed full-screen etc.
Make use of an all-covering feature set
You can build a JavaScript modal window, include multiple windows on a single page, make them overlap each other or move a window across the screen and even make it cross the borders’ of a browser window. Besides, you can attach any kind of HTML content or integrate any other DHTMLX components into your JavaScript window. For instance, attach Grid, Tree, List, RichText or Spreadsheet.
Customize appearance to meet your needs
A rich JavaScript API enables you to have full control of all window attributes. You can change the default Material-based icon font pack for the one that matches the style of your web app most of all. Equip a window with a header and footer containing various buttons or add custom buttons to the component.
Integrate with Angular, React, or Vue.js
Our JavaScript window library is included in dhtmlxSuite together with other UI components for building web apps and goes with support for the most popular technologies - Angular, React, or Vue.js. You can find examples of how to use our components with these frameworks in the trial package.

Support & Learning Resources

We provide comprehensive documentation with technical samples. Moreover, our dedicated support team is fast and qualified. Find the suitable way to get support:

Other Suite Components

demo-screenshot

File manager built with the help of Suite widgets: Layout, Grid, DataView, Toolbar, etc.

Try All UI Widgets for Free

All JavaScript UI widgets are part of the DHTMLX Suite library. You can download a free trial version and benefit from:

30 days of free evaluation

Official technical support

Full toolkit of 23 components

PRO features

Need help with dhtmlxWindow integration into your app? Contact us