# Dashboard Canvas Page

Dashboard Designer space can be understood as a folder that contains Data Source connections, Components, Dashboard Objects, and Component Attributes.&#x20;

* Navigate to the ***Designer homepage***.
* Click the ***Add Dashboard*** icon on the homepage. &#x20;

![Clicking the Add Dashboard icon from the Designer homepage](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fnv2bgdc2732kg1cTcy7m%2Fimage.png?alt=media\&token=24ae0f27-4f75-4a8a-af38-12c50e1b0936)

&#x20;                                            or

* Click the ***New*** drop-down icon on the homepage.&#x20;
* Select the ***Dashboard*** option.   &#x20;

![Selecting the Dashboard option from the New menu](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F27aBIjuhzqYm8Jfvg7hQ%2Fimage.png?alt=media\&token=cb890f49-5031-4b31-9c53-24d4884440e5)

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

![The Designer Canvass Page](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FAIfJqjpnzx38sqxdNscQ%2Fimage.png?alt=media\&token=154cb9cb-1e6a-4bf5-8698-49e4222bb254)

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

![Various options provided on the Designer canvass page ](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FOJRZsOKufVp6yfAjm2UX%2Fimage.png?alt=media\&token=9f11e58c-66a0-4d62-9dd9-83de1897c154)

{% 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 %}
