Skip to main content

gravity

sets the "weight" of a cell in relation to other cells placed in the same row and within one parent

gravity?: number | boolean;

Example

var layout = dhx.Layout("layout_container", {    css: "dhx_widget--bordered",    rows: [        {            id: "1",            cols: [                {                    id: "1.1",                    css: "dhx_layout-cell--border_left dhx_layout-cell--border_right",                    html: "1.1",                    gravity: 2 /*!*/                },                {                    id: "1.2",                    css: "dhx_layout-cell--border_left dhx_layout-cell--border_right",                    html: "1.2",                    gravity: 1 /*!*/                },                {                    id: "1.3",                    css: "dhx_layout-cell--border_left dhx_layout-cell--border_right",                    html: "1.3",                    gravity: 3 /*!*/                }            ]        }    ]});

Related sample: Layout. Gravity

note

You can use the gravity property only when a cell has no specified sizes - width and height, otherwise - the property does not work.

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.

Change log:

The property is updated in v7.0. For more information, see Migration article.