The Dashboards view has the possibility to be fully customised by resizing and reorganising the widgets based on the type of screen: Desktop, Tablet and Mobile. This allows you to have different views, for the 3 types of screen, from the same Dashboard.
In this article, you will learn how to modify the layouts of your Dashboards.
Resize your widgets
You can modify the size of any widget of your dashboards just dragging and dropping the right-down corner of your widget.
To do so, you need to:
- Click on Edit your Dashboard in the top right menu of your Dashboard
- Click on Edit layout
- Click on the screen layout that you want to modify
- Change the size of your widgets
- Click on Save Layout
Reorganise the layout view
You can reorganise your Dashboard (by layout) by dragging and dropping your widgets to place them wherever you prefer.
To do so, you need to:
- Click on Edit your Dashboard in the top right menu of your Dashboard
- Click on Edit layout
- Click on the screen layout that you want to modify
- Reorganise your view
- Click on Save Layout
Layout sizes
Depending on the type of screen, the Dashboard will allow a set of sizes for each type of widget.
Here's the detail of the sizing.
| Type of widget | H - W | Desktop layout | Tablet layout | Mobile layout |
|
Single KPI
|
Height | 2 - 12 cells | 2 - 4 cells | 3 - 4 cells |
| Width | 2 - 12 cells | 2 - 4 cells | 2 - 4 cells | |
|
Line, bar, stacked bar
|
Height | 3 - 12 cells | 3 - 6 cells | 3 - 6 cells |
| Width | 3 - 12 cells | 4 - 6 cells | 4 - 4 cells | |
|
Pie chart
|
Height | 3 - 12 cells | 3 - 6 cells | 3 - 4 cells |
| Width | 3 - 12 cells | 3 - 6 cells | 3 - 6 cells | |
|
Text
|
Height | 1 - 12 cells | 1- 6 cells | 1 - 6 cells |
| Width | 1- 12 cells | 1- 6 cells | 1- 4 cells | |
|
Image
|
Height | 1 - 12 cells | 1- 6 cells | 1 - 6 cells |
| Width | 1- 12 cells | 1- 6 cells | 1 - 4 cells | |
|
Heat Map
|
Height | 2 - 6 cells | 3 - 6 cells | 3 - 6 cells |
| Width | 2 - 12 cells | 4 - 6 cells | 4 cells |