DHTMLX Docs & Samples Explorer

Index
dhtmlxlayout
Layout Appearance

# Pattern

The needed pattern you can set by means of the second argument during layout initialization:

    var dhxLayout = new dhtmlXLayoutObject("parentId", "3L");

The following predefined Layout patterns are available in dhtmlxLayout:

1C | 2E | 2U | 3E | 3W | 3J | 3T | 3L | 3U | 4H | 4I | 4T | 4U | 5H | 5I | 6I
--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---

The list of the additional patterns is:

4E | 4W | 4A | 4J | 4L | 4F | 4C | 5U | 5E | 5W | 6C
--- | --- | --- | --- | --- | --- | --- | --- | --- | --- | ---

To use an additional pattern you should firstly add the following code:

    <head>
          <script src="patterns/dhtmlxlayout_pattern[pattern name].js"></script>
          <!-- for example -->
          <script src="patterns/dhtmlxlayout_pattern4j.js"></script>
    </head>