cells

defines the content of a dashboard

Example

webix.ui({
    view:"dashboard",
    gridColumns:4, gridRows:3,
    cells:[
        { view:"panel", x:0, y:0, dx:1, dy:1, body:{template:"Single"}},
        { view:"panel", x:1, y:0, dx:2, dy:1, body:{template:"Wide 1"}},
        { view:"panel", x:0, y:1, dx:2, dy:1, body:{template:"Wide 2"}}
        // more cells
    ]
});

Related samples

Each cell object contains the following attributes:

• x - (number) the x-index of a grid cell starting point
• y - (number) the y-index of a grid cell starting point
• dx - (number) the width of a view defined as a number of grid cells
• dy - (number) the height of a view defined as a number of grid cells

Back to top