Skip to main content

type

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

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

Default value: "none"

Example

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

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