AutoPatrol, Bureaucrats, Administrators
683
edits
Difference between revisions of "UM:Dashboards"
no edit summary
| Line 45: | Line 45: | ||
More detailed information about dashboard layouts can be found in [[UM:Dashboards#Understanding_Layouts]]. | More detailed information about dashboard layouts can be found in [[UM:Dashboards#Understanding_Layouts]]. | ||
= Understanding Layouts = | |||
Dashboard uses grid concept to layout it's elements. Available space divided into rows and columns, and each element occupies one or more cells. Number of columns configured in dashboard object properties, and number of rows calculated automatically based on number of columns, number of elements, and number of cells occupied by each element. Elements are laid out in columns from left to right, and a new row is created when there are no space left for next element on current row. | |||
Each element has horizontal and vertical alignment properties. Default for both is FILL. Possible alignment values are following: | |||
{| class="wikitable" | |||
|- | |||
! Value !! Description | |||
|- | |||
| FILL || Make element to fill whole cell. Also causes to grab excess free space available inside dashboard. If more than one element is trying to grab the same space, then the excess space is shared evenly among the grabbing elements. | |||
|- | |||
| CENTER || Center element within cell. | |||
|- | |||
| LEFT/TOP || Align element to left/top of the cell. | |||
|- | |||
| RIGHT/BOTTOM || Align element to right/bottom of the cell. | |||
|} | |||
Below is an example of complex layout configuration: | |||
[[File:DashboardComplexLayoutConfig.png]] | |||
And the result is following: | |||
[[File:DashboardComplexLayoutExample.png]] | |||