JavaScript Window

Name: JavaScript Window with Multiple Modes - dhtmlxWindow
Rating: 4.7 (47 reviews)

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

Download

View more demos

Compatible with:

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:

Create an HTML file

Include the window source code files in the header

Initialize the component with the dhx.Window object constructor

Specify a set of configuration properties. Otherwise, you’ll get the default settings

Add HTML content or attach other DHTMLX components into the window

To learn more check documentation

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: