| Table of Contents |
|---|
Description
Dashboards Customisable dashboards are flexible workspaces which allow the user to choose what is shown by managing individual Widgets.
...
The widget dashboard should use a consistent grid of 12 columns.
Widgets can be displayed in the sizes below. (Not all sizes must be offered for every dashboard).
XXS : 1/6 width, 2 columns (half height)
XS : 1/4 width, 3 columns
S : 1/3 width, 4 columns
M : 1/2 width, 6 columns
L : 2/3 width, 8 columns
XL : 3/4 width, 9 columns
XXL : full width, 12 columns
Sizes are optional; a dashboard may offer only a subset of these options.
Update image with placeholder frame
...
Height
All rows should be the same fixed height.
Two half-height widgets may be stacked on top of one another within a single row.
The height of full-width widgets may respond to the widget content, or (optionally) be adjusted by the user.
...
New widgets may be added either:
from a menu, in which case it can optionally be added as the first or last widget, or
using Drag and Drop, in which case the widget will be added to the chosen position on the dashboard.
A set of default dashboards, populated with useful widgets, may be offered for easy set up.
ADD DESIGN IMAGE
Widget sizes
The user should be able to set the size for each individual widget both before and after it is added to the dashboard.
Each widget will have a default size, depending on its content.
Particular sizes may be prohibited for individual widget types. For example, it may not be appropriate to create an XS widget containing a large chart or table.
...