JavaScript Layout Component

JavaScript Layout

You can use dhtmlxLayout as an individual component or as a part of dhtmlxSuite

Product Features

  • Cross-browser (IE, FF, Safari, Opera, Chrome)
  • Single-command integration with DHTMLX components
  • Full screen/window modes
  • Resizable items
  • Collapsible items
  • Dock/undock the layout cell in a window
  • A wide set of predefined layout patterns
  • The ability to create custom patterns
  • Add header/footer
  • Predefined skins, inherited by included components
  • Rich script API
  • Integration with Google Maps

Live Demo

Easy Arrangement of UI Elements
dhtmlxLayout is a JavaScript component that provides a powerful and efficient way to build Ajax-enabled web interfaces with ease. This component allows you to programmatically define interface structure, including the layout of elements and their sizes. The end users can easily resize, collapse or expand these interface elements.
High level of integration with other DHTMLX components
dhtmlxLayout provides a high level of integration with other DHTMLX components such as Grid, Tree, Windows, Menu, and others. The components can be integrated both globally for the application and separately for each layout pane. All DHTMLX components have a slick and clean look which can perfectly match the design of any modern website or app.
All necessary functionality inside
Using dhtmlxLayout, you can build sophisticated web interfaces in a simple and convenient way. The component provides fast rendering and a wide set of helpful features.
Custom layout patterns
dhtmlxLayout provides the ability to easily detach an object from its pane and adjust its size dynamically to a parent container on the page. The component also allows you to easily create custom layout patterns and define the UI structure of your app. dhtmlxLayout works perfectly well in all main web browsers (IE, FF, Safari, Opera, Chrome).

Editions and Licenses

Standard GNU GPL v2
Free under GPL
  • Use in unlimited projects
  • Forum support
  • Minor and Major updates
Standard Commercial license
up to 5 developers
  • Use in one project
  • Standard ticket support
  • 1 month of updates (minor, major, bugfixes)
Favorable terms
for companies
Standard Enterprise license
per company
  • Use in unlimited projects
  • Premium ticket support
  • 12 months of updates (minor, major, bugfixes)

Support & Learning Resources

Technical samples

All Layout features are accompanied by an online sample

Ticket support

Create a support request and get fast and qualified help from our support/development team.


Our detailed documentation can learn how to use Layout and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxLayout integration into your app? Contact us