# Customize Dashboard Layout

### Move Widgets

You can rearrange widgets using drag and drop.

### Masonry

Enable "Masonry" to position all widgets as space-efficiently as possible.

<div data-full-width="true"><figure><img src="https://3489494878-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9GvUpaatBiReR43XFSMg%2Fuploads%2FpGIXZpXx7MRo7v4o8gY6%2F414B6616-4F41-44A6-BAB6-109C627C22EE.png?alt=media&#x26;token=3f43028c-fc82-4bcc-b0ad-a54a6b330629" alt=""><figcaption><p>Left: Masonry "OFF", Right: Masonry "ON".<br>Click on the image to enlarge it</p></figcaption></figure></div>

{% hint style="warning" %}
**Note**: When Masonry is enabled, widgets can no longer be moved manually.
{% endhint %}

### Change Widget Size

You can determine how much horizontal space widgets should occupy. This setting is more useful for some widgets than for others. Compare the size of the "Air Conditioner" asset in the following screenshots:

{% @supademo/embed url="<https://app.supademo.com/demo/Wy7zYDeYGeQ_TKGN0mqL0>" demoId="Wy7zYDeYGeQ\_TKGN0mqL0" fullWidth="true" %}

1. Make sure you are in the "Dashboards" menu
2. On a widget: Click "More Options"&#x20;

   ▷ The "More Options" menu opens
3. Click "Change Size"&#x20;

   ▷ The available sizes are displayed
4. Click on the desired size&#x20;

   ▷ The widget is displayed in the desired size