# Navigation

The powerful navigation feature allows you to create multiple tabs within the same dashboard - enabling report users to get a multi-dimensional perspective of the data.&#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2Fpv3RKfENaUtn7ktVQ4Zd%2FUntitled%20Project.gif?alt=media&#x26;token=7167c188-a978-4c8d-b871-d5a449c21db2" alt=""><figcaption><p>Tabbed dashboard with Analytics+</p></figcaption></figure>

### 1. Creating tabbed dashboards

Let's take a deep dive into the steps involved in creating a dashboard with navigation controls.

**STEP 1:** **Creating dashboard elements**

Create the charts, cards, tables, and other elements that will be used in the dashboard. We've created a large number of elements for demonstration purposes. All the elements need not be created at the onset. You can add elements as you build the dashboard.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FsJ3A5S7c3BM3Iz8LjpHM%2Fimage.png?alt=media&#x26;token=a3b42694-3f8b-439d-8ef5-3368d0193fd8" alt=""><figcaption><p>Creating dashboard elements</p></figcaption></figure>

**STEP 2: Creating groups**

Create groups based on the elements to be placed in each report tab. For instance, the charts, cards, tables, and other elements in the Revenue Breakdown tab should be clubbed together under a single group.&#x20;

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2F8t3FqqC08vEEfxCImOl2%2Fimage.png?alt=media&#x26;token=905d9304-8e8b-4522-beb0-ab8503d5b982" alt=""><figcaption><p>Organizing elements into groups</p></figcaption></figure>

**STEP 3: Add navigation**

Click Insert > Navigators > Tab Controller to create a tab element in your dashboard. Notice how a tab is created for each group.

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FEjgm4Xp9r3VKhT4usfmM%2Fimage.png?alt=media&#x26;token=5e579e4c-84e8-4737-a84c-9356a793eadd" alt=""><figcaption><p>Inserting a navigation component</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FVz0qPwFygDOF0p5UENbG%2F2024-12-12_15h41_15.png?alt=media&#x26;token=830ff911-d95c-47e4-9c89-012f2ef21bda" alt=""><figcaption><p>Tabs created</p></figcaption></figure></div>

**STEP 4: Re-ordering groups**

The Header group needs to be available on all the tabs. Let's drag it into the Revenue Breakdown group first. Right-click the Header group and select Duplicate from the context menu. Then, drag the new duplicated group into the Overall Sales Report group.

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FKXZHcAD8mUt6SGA2ofPa%2FUntitled%20Project.gif?alt=media&#x26;token=676c2c33-845b-417b-90c3-01a103e64ef8" alt=""><figcaption><p>Re-ordering groups</p></figcaption></figure>

We've created a dashboard with 3 tabs:

<div><figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FgRGVM3mzEAJ0os184seT%2Fimage.png?alt=media&#x26;token=251718b0-2b93-4275-9b13-0fd47eeb14c0" alt=""><figcaption><p>Tab 1</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FhrdvJXPXpSjiruoIhDvn%2F2024-12-12_17h02_15.png?alt=media&#x26;token=695aa8ba-85ab-4996-9f73-f12fecf39e63" alt=""><figcaption><p>Tab 2</p></figcaption></figure> <figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FzDARb1koqLTXIyxP9o6s%2F2024-12-12_17h02_41.png?alt=media&#x26;token=8910beb8-57bd-43dc-b8ba-d845dfb6fb54" alt=""><figcaption><p>Tab 3</p></figcaption></figure></div>

**STEP 5: Tab customization**

You can set a background color and set the orientation of the tabs. [Learn more about Customizing tabs](#id-2.-customizing-tabs).

<figure><img src="https://3132984990-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbOoZhPvC57Z0CNgep4Ib%2Fuploads%2FM5CZN4CnhdDx6MjETPUt%2Fimage.png?alt=media&#x26;token=74501732-1d1c-438e-aec4-74ce94140595" alt=""><figcaption><p>Tab customizations</p></figcaption></figure>

### 2. Customizing tabs
