Layout

dhtmlxLayout is a JavaScript component that allows you to combine different DHTMLX components into a single application interface, placing different types of content on one page. It's a flexible and easy-to-use UI component.

API reference

Related resources

You may download dhtmlxLayout from dhtmlx.com
Check online samples for dhtmlxLayout
Don't hesitate to download dhtmlxSuite to get the whole JavaScript library of UI components

Guides

Creating Layout on a Page Layout source files Constructor Full-screen init Init in an HTML element Init in a window Init in a cell of layout Recommended init way	Discusses the ways of initializing Layout on a page.
Configuring Layout Layout Skins Layout Patterns Layout Offsets	Shows the elements of Layout's appearance and rules of their customization.
Configuring Cells Cell Header Sizing Cells	Describes the customization of a cell's header and sizes.
Managing Layout and Its Cells Docking/Undocking Cells Expanding/Collapsing Cells Iterator Using Windows from Layout	Guides you through the possibilities of manipulating Layout and working with cells.
Operations with Content Attaching Components Attaching Menu/Status Bar Attaching HTML Attaching URL Attaching Google Maps Progress Bar Different Content in the Same Cell Coloring Text Selection	Covers how you can integrate dhtmlxLayout with other dhtmlx components and third-party components.
Other Migration from 3.6 to 4.0

Layout

Creating Layout on a Page

Configuring Layout

Configuring Cells

Managing Layout and Its Cells

Operations with Content

Other