Insights - Customizing the Dashboard Layout

Updated 3 years ago by Elena Yurkova

Customizing the Dashboard Layout

By default, widgets are arranged in a dashboard one underneath the other. When you add a new widget, it is added to the bottom of the dashboard. Drag a widget by selecting the widget's title and moving the widget to the relevant location.

You can rearrange the order of the widgets, reorganize the widgets in columns, add/remove widgets from columns, and resize columns/widgets. To be able to do that, you need designer rights to the dashboard. Also, make sure your dashboard is in Layout mode.

Layout mode and View Mode

A dashboard can be viewed in either Layout mode or in View mode.

Layout Mode

Layout mode is the default mode in which you can add new widgets and rearrange them on the dashboard, as described throughout this section. is displayed in the top-right corner of the screen when the dashboard is in Layout mode.

View Mode

View mode enables you to see what the dashboard looks like when a user is only viewing the dashboard. In View mode, the dashboard cannot be rearranged or edited.  is displayed when the dashboard is in View mode.

Dashboard's color palette

You can change the entire color scheme of your dashboard by picking one of many available color palettes. Click the Paint Brush and select an option.

When you change the color of an individual widget to a color that is not in one of the palette colors, the new color will be applied to the widget regardless of the applied palette.

Dashboard title

Text widgets are very handy for optimizing dashboards and guiding the viewers attention. To add a title, click the Text icon.

A text widget will be added to the bottom of your dashboard.

As soon as you start typing, a formatting panel appears.

Dashboard columns

The dashboard can also be organized in columns. By default, a dashboard is created with a single column, but you can add up to four columns. Each column can contain multiple widgets, but a widget cannot span more than one column.

Follow the illustration below to change the dashboard layout to 2 Columns:

Widget's position

You can change widgets position on the dashboard.

  1. Make sure that you are in Layout mode (default mode). The Layout mode indicator  is displayed in the top-right corner of the dashboard. If not, click  to go from View Mode to Layout mode.
  2. Drag and drop the widget into the desired position by dragging the widget's title.

  1. Resize widgets.
  • Resize the dashboard column by dragging the edge of the column right or left. All the widgets in this same column are resized accordingly.

  • Resize the widget by dragging its edges right, left, up or down.

Widgets are organized in rows. The height of the row is the same for all widgets. You can't stack two widgets on top of each other in the same row unless you divide the dashboard into columns.
To save time, if you have many widgets in one row, instead of adjusting their width manually click Options then Distribute equally in this row.

Ticker Widgets

If you resize the height of an Indicator widget, it automatically turns into a Ticker-type widget. An Indicator widget that was a numeric Indicator appears differently to an Indicator widget that was a gauge.

Regular Indicators:

Full size Indicator widget

Full size Gauge widget

Ticker Indicators:

Indicator widget after resizing down

Gauge widget after resizing down

Widgets' customization

If you want to customize your dashboard even further, you have more options by tweaking every widget individually. Go to a widget's edit mode to change a widget's title size, font or color.

How did we do?