diff --git a/docs/layout/api/cell/layout_cell_align_config.md b/docs/layout/api/cell/layout_cell_align_config.md index 305b2f65..9b2710ce 100644 --- a/docs/layout/api/cell/layout_cell_align_config.md +++ b/docs/layout/api/cell/layout_cell_align_config.md @@ -10,6 +10,8 @@ description: You can explore the align config of Layout in the documentation of @signature: {'align?: "start" | "center" | "end" | "between" | "around" | "evenly";'} +@default: "start" + @example: const layout = dhx.Layout("layout_container", { rows: [ diff --git a/docs/layout/api/cell/layout_cell_collapsable_config.md b/docs/layout/api/cell/layout_cell_collapsable_config.md index aad1b0fc..4b605bf4 100644 --- a/docs/layout/api/cell/layout_cell_collapsable_config.md +++ b/docs/layout/api/cell/layout_cell_collapsable_config.md @@ -10,6 +10,8 @@ description: You can explore the collapsable config of Layout in the documentati @signature: {'collapsable?: boolean;'} +@default: false + @example: const layout = new dhx.Layout("layout_container", { cols: [ diff --git a/docs/layout/api/cell/layout_cell_collapsed_config.md b/docs/layout/api/cell/layout_cell_collapsed_config.md index b4c7616d..553b8c58 100644 --- a/docs/layout/api/cell/layout_cell_collapsed_config.md +++ b/docs/layout/api/cell/layout_cell_collapsed_config.md @@ -10,6 +10,8 @@ description: You can explore the collapsed config of Layout in the documentation @signature: {'collapsed?: boolean;'} +@default: false + @example: const layout = new dhx.Layout("layout_container", { cols: [ diff --git a/docs/layout/api/cell/layout_cell_gravity_config.md b/docs/layout/api/cell/layout_cell_gravity_config.md index 610d6e3b..a96ac0d1 100644 --- a/docs/layout/api/cell/layout_cell_gravity_config.md +++ b/docs/layout/api/cell/layout_cell_gravity_config.md @@ -10,6 +10,8 @@ description: You can explore the gravity config of Layout in the documentation o @signature: {'gravity?: number | boolean;'} +@default: 1 + @example: const layout = dhx.Layout("layout_container", { css: "dhx_widget--bordered", @@ -48,7 +50,7 @@ const layout = dhx.Layout("layout_container", { If you specify the property for a cell, its size will be adjusted regarding the sizes of the cells that are in the same row, within the same parent and have **gravity** in their configuration. -The negative number set as a value to the **gravity** property is equated to zero. +The negative number set as a value to the **gravity** property is equal to zero. @changelog: The property is updated in v7.0. For more information, see [Migration article](migration.md#65---70). diff --git a/docs/layout/api/cell/layout_cell_height_config.md b/docs/layout/api/cell/layout_cell_height_config.md index 8b5f7839..f47a87ad 100644 --- a/docs/layout/api/cell/layout_cell_height_config.md +++ b/docs/layout/api/cell/layout_cell_height_config.md @@ -21,6 +21,8 @@ const layout = new dhx.Layout("layout_container", { **Related sample**: [Layout. Sizes](https://snippet.dhtmlx.com/miej9gb9) +### Autoheight for cells + Starting from v7.0, the height of a cell can be automatically adjusted to the height of its content. For that, set the **height** configuration option to *"content"*: ~~~js {5} diff --git a/docs/layout/api/cell/layout_cell_hidden_config.md b/docs/layout/api/cell/layout_cell_hidden_config.md index 1e858981..882a31ef 100644 --- a/docs/layout/api/cell/layout_cell_hidden_config.md +++ b/docs/layout/api/cell/layout_cell_hidden_config.md @@ -10,6 +10,8 @@ description: You can explore the hidden config of Layout in the documentation of @signature: {'hidden?: boolean;'} +@default: false + @example: const layout = new dhx.Layout("layout_container", { cols: [ diff --git a/docs/layout/api/cell/layout_cell_resizable_config.md b/docs/layout/api/cell/layout_cell_resizable_config.md index 8dce417f..3f29446d 100644 --- a/docs/layout/api/cell/layout_cell_resizable_config.md +++ b/docs/layout/api/cell/layout_cell_resizable_config.md @@ -10,6 +10,8 @@ description: You can explore the resizable config of Layout in the documentation @signature: {'resizable?: boolean;'} +@default: false + @example: const layout = new dhx.Layout("layout_container", { cols: [ diff --git a/docs/layout/api/cell/layout_cell_type_config.md b/docs/layout/api/cell/layout_cell_type_config.md index 75daa744..302c05e8 100644 --- a/docs/layout/api/cell/layout_cell_type_config.md +++ b/docs/layout/api/cell/layout_cell_type_config.md @@ -10,11 +10,13 @@ description: You can explore the type config of rows and columns of Layout in th @signature: {'type?: "line" | "wide" | "space" | "none";'} +@default: "none" + @example: const layout = new dhx.Layout("layout_container", { rows: [ { - type: "wide", // "line" | "wide" | "space" | "none" + type: "wide", // "line" | "space" | "none" cols: [ { html: "1", @@ -58,7 +60,7 @@ const layout = new dhx.Layout("layout_container", { "none" - removes visible borders and space between cells + removes visible borders and space between cells (the default one) diff --git a/docs/layout/api/cell/layout_cell_width_config.md b/docs/layout/api/cell/layout_cell_width_config.md index 3f17291c..6406ffd9 100644 --- a/docs/layout/api/cell/layout_cell_width_config.md +++ b/docs/layout/api/cell/layout_cell_width_config.md @@ -21,6 +21,8 @@ const layout = new dhx.Layout("layout_container", { **Related sample**: [Layout. Sizes](https://snippet.dhtmlx.com/miej9gb9) +### Autowidth for cells + Starting from v7.0, the width of a cell can be automatically adjusted to the width of its content. For that, set the **width** configuration option to *"content"*: ~~~js {5} diff --git a/docs/layout/api/layout_type_config.md b/docs/layout/api/layout_type_config.md index 8faff529..f70fcbb8 100644 --- a/docs/layout/api/layout_type_config.md +++ b/docs/layout/api/layout_type_config.md @@ -10,9 +10,11 @@ description: You can explore the type config of Layout in the documentation of t @signature: {'type?: "line" | "wide" | "space" | "none";'} +@default: "none" + @example: const layout = new dhx.Layout("layout_container", { - type: "space", // "line" | "wide" | "space" | "none" + type: "space", // "line" | "wide" | "none" cols: [ { html: "1" @@ -46,7 +48,7 @@ const layout = new dhx.Layout("layout_container", { "none" - removes visible borders and space between cells + removes visible borders and space between cells, used by default