Check documentation for the latest version of dhtmlxSuite Layout Patterns DHTMLX Docs

Layout Patterns

A pattern is a way to place cells inside of a layout. It is set on the init stage and there is no possibility to change it on-the-fly.

// api-init
var myLayout = new dhtmlXLayoutObject({
    parent: "layoutObj",
    pattern: "3L"   // <-- pattern
// old init way
var myLayout = new dhtmlXLayoutObject("layoutObj", "3L");
// when attaching to a container component
var myLayout = dhxComponent.cells(id).attachLayout("3L");
// or
var myLayout = dhxComponent.cells(id).attachLayout({
    pattern: "3L",
    other_conf: ...

Built-in patterns

dhtmlxLayout provides the following predefined patterns:

Back to top