Dashboard Sections are used to group multiple related sections and display them horizontally to form a dashboard. From v5.2.
Example Dashboard App
The 'Example Dashboard' App (example_dashboard) is included in the Lianja App Builder distribution and demonstrates how to build a digital dashboard using a dashboard Section and multiple related sections of other types.
In the Development View the Sections can be seen arranged vertically on the Page as normal.
For a row of horizontal Sections, the horizontal stretch can be set for each Section as a percentage of the whole.
Dashboard Group Section Attributes
The following Section Attributes are used with sections that are part of a dashboard group.
The dashboard section that this section belongs to.
The horizontal % stretch factor that this section should occupy.
The vertical % stretch factor that this section should occupy.
Note that if the value is prefixed with a + then this denotes to skip to next horizontal column position.
Padding for the cells.
CSS for the cells. This can be, for example name:value;name2:value or bootstrap classes, e.g. border-dark rounded boxshadow.
Further Example App
Lianja App Builder v5.3 includes an additional example App: example_dashboard2. Find it listed under 'General' in the App Names explorer panel in the Apps Workspace.
It shows how to layout sections horizontally: