---
description: >-
  Use the Snap Grid to effortlessly arrange and adjust your monitors by
  fine-tuning hinge and distance settings for a more streamlined and
  personalized layout setup.
---

# Snap Grid

{% hint style="info" %}
**When to use the Snap Grid?**

If you need to **arrange multiple monitors** in a custom layout or want a more efficient way to align them without overlapping, use Snap Grid. It helps you adjust the **hinge** and **distance** between your monitors, creating a tidy and organized setup that's easy to manage and move as one unit.
{% endhint %}



## Snap Grid On

* Clicking the **Snap Grid button in the layout switch section at the bottom of the Monitor panel** will activate the mode.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2Fs10z3sTLI93ii7tHQ3Wu%2Fsnap%20grid%20button.png?alt=media&#x26;token=04450651-b79d-42d3-ac97-92a5153cad4e" alt=""><figcaption></figcaption></figure>

* When hovering over the monitors, a translucent **snap bar** will appear, allowing you to connect them.



## Connect

* When you attach a monitor to the snap bar, it will be connected.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FlJ65EbEm7XTqdSTyXICd%2FGridConnect.gif?alt=media&#x26;token=0b63e901-5ad1-40a0-9e52-4b2f115a40a2" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
In Snap Grid, the first connected monitor is set as the main monitor. You can easily identify the main monitor by checking if there is a rotate icon inside it, while the sub monitors will not display the rotate icon.
{% endhint %}



## Disconnect

* When you pinch the connected monitor away from the snap, it will be detached.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FXavSroIAboF7Xh018kkt%2FGridDisconnect.gif?alt=media&#x26;token=e9ff655f-a4fa-4a49-b1ea-17c26da376ab" alt=""><figcaption></figcaption></figure>



***

## Snap Grid Control

### Move

* When you grab and move the Main Monitor, all connected monitors will move together.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2F0Pey1J8g5SJICTRLZwSc%2FGridMove.gif?alt=media&#x26;token=bb0c53e1-4467-430f-a5c0-e3bb04451a9b" alt=""><figcaption></figcaption></figure>



### Rotate

* You can rotate the entire connected group using the rotation icon on the Main Monitor.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2F6sEIU6PPkEwHPqXGJ7g0%2FGirdRotate.gif?alt=media&#x26;token=56effa4b-bb84-47d1-81e7-b0f2b3e419f1" alt=""><figcaption></figcaption></figure>



### Scale

* The size can be adjusted for each individual monitor.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FpJd3GM9cHRabiRXW2blg%2FGridSize.gif?alt=media&#x26;token=ef3c0bbd-71b4-4c35-b5f7-710b7070dfa6" alt=""><figcaption></figcaption></figure>



***

## Snap Menu - Main monitor

{% hint style="info" %}
The Snap Menu for the main monitor is positioned at the bottom inside the monitor.

The Snap Menu of the main monitor **can control all connected monitors**, while the Snap Menu of the sub monitors can only control the directly connected monitor.
{% endhint %}

### Hinge Angle

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FA7ekWYKJtIdnRAMFFLln%2FGroup%201847.png?alt=media&#x26;token=de582c3d-14cc-47aa-acf2-5f791136f1da" alt="" width="238"><figcaption><p>Selected Hinge Icon</p></figcaption></figure>

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FZa7n0xg80Sam2WmvBdfD%2FGroup%201841.png?alt=media&#x26;token=9d45784d-f7cb-4f23-907c-d2543a6930f6" alt="" width="441"><figcaption><p>Hinge UI</p></figcaption></figure>

* You can adjust the hinge angle with the connected monitors through the UI that appears when you click the **Hinge icon** in the Snap Menu.
* You can freely adjust the **monitor angle between 0º and 60º** by grabbing the pointer on the hinge UI and **sliding it back and forth**.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2Fct9SS3e8H5I1jfqpUtyJ%2FControl%20hinge%20ui.png?alt=media&#x26;token=b32f4d7a-aa3e-42cc-8f4a-954959e2df2a" alt="" width="488"><figcaption></figcaption></figure>

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2F2LQDVGSijjmPGxdvlpse%2FMainHinge.gif?alt=media&#x26;token=8f9f1f2c-7c79-4631-96d4-222560420027" alt=""><figcaption></figcaption></figure>



### Distance Control

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FZkNj9P6Jrcjql8wlNI9Q%2FGroup%201846.png?alt=media&#x26;token=353982ed-457e-4532-a7dc-15c0e9680b6a" alt="" width="238"><figcaption><p>Selected Distance Icon</p></figcaption></figure>

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FdEztrqrONs55HVPopwaF%2FGroup%201840.png?alt=media&#x26;token=e336ed49-cb71-4d16-98d4-7a7b6bfc30fe" alt="" width="441"><figcaption><p>Distance UI</p></figcaption></figure>

* You can adjust the distance between the connected monitors using the UI that appears when you click the Distance icon in the Snap Menu.
* The default setting of the Distance UI is at 'standard.' If you want to use the **monitors close together, move the pointer to 'Narrow.' To increase the gap, move it to 'Wide.'**

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FVG1l1Dg5A4Axx808vHjc%2FControl%20distance%20ui.png?alt=media&#x26;token=02aed047-efc8-4e8f-9392-46a4a9f9d10a" alt="" width="563"><figcaption></figcaption></figure>

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2F8dVmrsaAMITaW5rcb3fa%2FMainDistance.gif?alt=media&#x26;token=77d4b9f3-0f30-4a4b-8966-1bc9e70ba3fa" alt=""><figcaption></figcaption></figure>



## Snap Menu - Sub monitor

{% hint style="info" %}
The Snap Menu for sub monitors is positioned between them. When you hover over the snap bar between the monitors, it switches to the Snap Menu, which can only control child monitors directly connected to that sub monitor.
{% endhint %}

### Hinge Angle / Distance Control

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FmAgpBWOEynyg0NDeDZBA%2FSubHinge.gif?alt=media&#x26;token=911bcde2-bc90-4c32-94b2-f9a410521e24" alt=""><figcaption></figcaption></figure>



***

## Set Main Monitor

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FgtNjShjVwmBTKVcJ9jqQ%2FGroup%201851.png?alt=media&#x26;token=861c1d0f-fbc8-424e-88b7-7d00629770b6" alt="" width="126"><figcaption><p>Set Main Icon</p></figcaption></figure>

* When you click the **Set Main button** located at the bottom of the sub monitor, it will be set as the main monitor.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2FIcK1LRyXjmycGa3zLBE0%2FSetMain.gif?alt=media&#x26;token=3da725e4-084c-4f4d-9426-b787a198d35e" alt=""><figcaption></figcaption></figure>



## Set Custom Preset

* After applying Snap Grid, clicking 'Save Preset' in the Monitor panel - Layout tab will save the Snap Grid settings as a preset.

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2Fmn2eXsMwHrBJIIsAHqb5%2FGridPreset.gif?alt=media&#x26;token=ba6e77bf-2b81-4886-b113-121777f4d510" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3094266310-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F1AxQXJzsVFhLJTfrFw9q%2Fuploads%2F3Tyb8LETL578H98rHcYc%2FGridPreset2.gif?alt=media&#x26;token=8918c4ec-508a-4b55-a601-aa68965e5677" alt=""><figcaption></figcaption></figure>

