# Layers

When your dashboard contains a large number of elements, the Layers feature can be used to group, manage, and arrange elements. Let's take a look!&#x20;

Navigate to the Properties tab > Board > Layers to open the layers pane.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FbLY3ePwuRwfv8NGKxCLv%2Fimage.png?alt=media&#x26;token=261d5394-18aa-44bb-88ab-6f5cb27d9939" alt=""><figcaption><p>Layers tab in Analytics+</p></figcaption></figure>

### 1. Hiding elements

Right-click on the element and select Show/Hide from the context menu to hide or display elements. You can also use the<img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FzI28Evx4BUElxYH2cTgq%2Fimage.png?alt=media&#x26;token=deda62eb-0ca1-4b8c-b2a2-4d54d18b5a6b" alt="" data-size="original">icon that appears on hovering over an element. Hidden elements will be grayed out in the Layers pane.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FWNyKEZm6cywZD09nPTaU%2FUntitled%20Project.gif?alt=media&#x26;token=10a0b48f-4369-411b-a53b-87f394d60bc9" alt=""><figcaption><p>Hiding and showing elements</p></figcaption></figure>

### 2. Bringing elements to the front

Notice how the card elements at the top are behind the charts - we need to bring them forward to resize and align them. To send elements to the background or bring elements to the foreground, click on the element and select the **Bring Front** or **Bring Back** options.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F2bNuUD3ibmHMNCfbd2Pc%2F1.5.%20send-foreground-layers-gif.gif?alt=media&#x26;token=1a6f7158-0a33-4856-aa01-83e19d5af390" alt=""><figcaption><p>Bring front and Send back</p></figcaption></figure>

### 3. Creating groups

You can club elements together to form a group. Groups come in useful when you need to perform bulk operations like deleting or duplicating elements.  Select the elements in the layer pane and click the **Group** button from the context menu to create a group.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FZKP89fMwyyGxStDtnDCf%2Fimage.png?alt=media&#x26;token=70322292-6089-42ea-a946-5a98efb35d71" alt=""><figcaption><p>Creating a group</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FdjBcc5KjEzZxOaZdKpxP%2F2024-11-29_14h48_26.png?alt=media&#x26;token=1806edcc-be49-443a-9f7d-3648969f5221" alt=""><figcaption><p>Group created</p></figcaption></figure></div>

You can rename groups for easy identification. You can also duplicate and delete them from the context menu.

Select the group and choose **UnGroup Selection** from the context menu to ungroup elements.

{% hint style="warning" %}
The **Reset** option will remove all configurations and customizations. You will need to choose the element type and re-configure them from scratch.
{% endhint %}

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F3brJV9RXol8lB4qLMAty%2Fimage.png?alt=media&#x26;token=ae02c0ae-93d1-4b44-9b63-596eaa105a87" alt=""><figcaption></figcaption></figure>

Grouped elements will be treated as a single entity and can be repositioned easily without having to drag and drop each element.&#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FcfBZlJKe5HqqoijpcKN0%2FUntitled%20Project.gif?alt=media&#x26;token=7cf2f734-038a-4ab2-add5-3367929a3923" alt=""><figcaption><p>Repositioning groups</p></figcaption></figure>

One main application of groups is for creating tabbed dashboards using the Navigation feature which we will cover in the next section.

### 4. Moving elements in the list

When you have a dashboard with a large number of elements, you can use the **Bring Foreward** and **Bring Backward** options to move them above or below the next element.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FBzNFHUfXogRu2a1dmnHk%2Fimage.png?alt=media&#x26;token=29b73067-b7f9-4ba9-a299-09d1a3df348b" alt=""><figcaption><p>Bring foreward option</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FENWESUNMBxYdrEo0oE2b%2F2024-11-29_15h28_44.png?alt=media&#x26;token=9414c193-3878-43c8-95a6-d359e3799562" alt=""><figcaption><p>Text element moved above Group 3</p></figcaption></figure></div>
