Skip to main content


Optional. Defines the type of borders between cells inside a layout

type?: "line" | "wide" | "space" | "none";

Default value: "none"


const layout = new dhx.Layout("layout_container", {
type: "space", // "line" | "wide" | "none"
cols: [
html: "1"
html: "2"
html: "3"

Related sample: Layout. Types in a complex layout

"line"adds a border to a cell
"space"adds a border and space around a cell
"wide"adds a border to a cell and space between the neighboring cells
"none"removes visible borders and space between cells, used by default

Note, that if the children cell has no specified type of borders, the cell has the same type of borders as its parent cell.

Change log:

added in v7.0