The Dashboards view has the possibility to be fully customised by resizing and reorganising your widgets. This allows you to give more importance to some information and also to make the widgets with the best size regarding their content.
In this article, you will learn how to modify the layouts of your Dashboards.
Layouts for different types of screens
You can choose the layout for three different types of screen: Desktop, Tablet and Mobile.
This will make your one Dashboard change its layout depending on the device that you or your stakeholders are looking at it. (Yes! You can check your Dashboards comfortably in your phone, check sharing tips here).
If you do not custom this, the widgets will appear in order of creation which, depending on the size, can make it look a bit random. That is why we recommend configuring the three layouts.
How to change the Dashboard layout
- 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
4. 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. You will see the grid that shows the available cells.
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 |
5. Reorganise the layout view
You can reorganise your Dashboard (by layout) by dragging and dropping your widgets to place them wherever you prefer.
6. Save the layout