Resizing

When you select a widget, you'll see resize handles on the sides and corners.

Just drag them to resize the widget.

You can also select multiple widgets (with drag or shift-click) and resize them all at once. Here we're resizing the two wide charts on the right.

To resize widgets to specific dimensions, choose “size” in the widget's configuration menu, and then type in a height or width. If multiple widgets are selected, your changes apply to them all. In this example, all of the widgets have the same width of 165, so it pre-fills that number in the size menu.

When we change the width to 90, all of the widgets instantly resize.

Align

You can select multiple widgets and then align them with top, bottom, right, left, middle vertical, or middle horizontal alignment. In this example we’ve selected four dashboard widgets.

When we click the align top button, it moves all of the selected widgets to the highest point of all four widgets.

Distribute

The Distribute button allows you to select multiple widgets and then evenly space them horizontally or vertically. This example shows four widgets that are not evenly spaced.

After clicking the button, the widgets are now evenly spaced.

Alignment Snapping Options

There are three different snap-to options when editing dashboards. The default option is Snap-to Widgets, which uses the size and position of other widgets on the dashboard as a guide when you’re moving or resizing widgets.

Another option is Snap-to Grid, which aligns your widget position and size to a grid that only shows up when you’re editing.

Finally, you can choose Snap-to None, which disables snapping all together. This is useful when fine-tuning layouts or when there are widgets that are irregularly placed.