# Dashboard Canvas Page

## Dashboard Canvas Page

* Navigate to the ***Designer homepage***.
* Click the ***Add Dashboard*** icon on the homepage.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FGuUrsMi75eUmtAWAXk6w%2Fimage.png?alt=media&#x26;token=24ae0f27-4f75-4a8a-af38-12c50e1b0936" alt=""><figcaption><p><em>Clicking the Add Dashboard icon from the Designer homepage</em></p></figcaption></figure>

or

* Click the ***New*** drop-down icon on the homepage.
* Select the ***Dashboard*** option.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FLjOfPnWrp2nGAHJHHYwo%2Fimage.png?alt=media&#x26;token=cb890f49-5031-4b31-9c53-24d4884440e5" alt=""><figcaption><p><em>Selecting the <strong>Dashboard</strong> option from the <strong>New</strong> menu</em></p></figcaption></figure>

* The Designer space/Canvas opens with a Designer Canvas space, header menu panel, and a right-side menu panel.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2FY9nYo2BWimIKtw25LVhd%2Fimage.png?alt=media&#x26;token=154cb9cb-1e6a-4bf5-8698-49e4222bb254" alt=""><figcaption><p><em>The Designer Canvas Page</em></p></figcaption></figure>

The user can access wide range of charting components, filters, and Grid components available in the Designer module from the Designer canvas page to create a dashboard.

Refer to the following image to understand the various components provided on the Designer Canvas:

1. 1.**Tab:** Place where dashboard design takes place. Drag and drop charts and components here to create dashboards.
2. 2.**Mobile** : Displays Dashboard screen like a Mobile device.
3. 3.**Tablet** : Displays Dashboard screen like Tablet.
4. 4.**Large Screen** : Displays Dashboard screen like Desktop.
5. 5.**Save to Local Disk :** Saves the created dashboards to your local disk.
6. 6.**Save to Another Workspace (Save As) :** Saves a copy of the original dashboard to another workspace or the same workspace.
7. 7.**Save (Dashboard)** **:** Saves the created dashboards in a workspace.
8. 8.**Preview** **:** Displays the preview mode of the dashboard.
9. 9.**Full Screen :** Maximizes the dashboard for a better view.
10. 10.**Data Connectors :** Connects to a wide range of data sources.
11. 11.**Component Library** **:** Includes a compelling range of charts, filters, and data grids.
12. 12.**Manage Dashboard Components** **:** Option used to lock, hide, and order the layout of the components on the dashboard.
13. 13.**Component Variables and Script** **:** Option used to define component scripts.
14. 14.**Guided Tour :** Begins the guided tour for the Designer canvas.

<figure><img src="https://859511478-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FGDmsjfjJBNqow7Fo97cO%2Fuploads%2F9yN0vt4hPWPwdU60wkcE%2Fimage.png?alt=media&#x26;token=9f11e58c-66a0-4d62-9dd9-83de1897c154" alt=""><figcaption><p><em>Various options provided on the Designer canvas page</em></p></figcaption></figure>

{% hint style="info" %}
*<mark style="color:green;">Please Note:</mark>*

* *The users will be redirected to the Designer homepage by clicking the **Home** option.*
* *Use the **Save As** option to save a dashboard in the same workspace with a different name. The user can save the dashboard in a different workspace.*
  {% endhint %}