# Canvas Properties

The Designer canvass is provided with specific properties.

* Navigate to the ***Designer*** canvas.
* Use the Right-click anywhere on the canvas.
* Select the ***Properties*** option from the context menu.

![Accessing the Canvas Properties option](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F7HKmBM9iJcWCdPrhXoUq%2Fimage.png?alt=media\&token=d7f4f193-002a-45f5-aaef-e012309d9dd0)

* The following ***Canvas*** properties will be displayed:

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FNG6T3z2ZzZZYk4zKC98Q%2Fimage.png?alt=media\&token=08118e82-521f-404a-966e-d847f9c8eb59)

#### Gradient

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FqRlHljVxDrVby64zvRzZ%2Fimage.png?alt=media\&token=82606914-5a9b-4f96-b436-d1709f9a3143)

| **Parameter Name**  | **Description**                                          |
| ------------------- | -------------------------------------------------------- |
| Background Colors   | Users will be directed to select a background color.     |
| Opacity             | Set background-color opacity.                            |
| Background Rotation | Set the value to rotate the background color accordingly |

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> *By clicking the **Background Colors** icon, a new window opens with a menu to select a color for the **Background***  *(as displayed in the below-given image)* *gradient colors. The users can select a color using the menu and click the **Save** option to apply the selected background gradient color.*&#x20;
{% endhint %}

![The color menu pallet to set background gradient color](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FXSEDMl9UW9vSw6LCP8iF%2Fimage.png?alt=media\&token=2af2526d-c24d-429b-a858-efdc8dcaf92f)

#### Border

![The Border Properties fields](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fi2sJlYnSK1b0zAolFe8N%2Fimage.png?alt=media\&token=5cc38ccc-9f3c-49d8-8308-c0e38c1c9cae)

| **Parameter Name** | **Description**                      |
| ------------------ | ------------------------------------ |
| Thickness          | Set border thickness.                |
| Border Color       | Select a border color from the menu. |

#### Global Font And Themes

![Global Font and Themes properties fields](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FF3ZT52zF1eN4auhLfJ9N%2Fimage.png?alt=media\&token=1c0deb25-fcf8-479f-b5b2-a49bf08c1694)

####

| **Parameter Name**  | **Description**                             |
| ------------------- | ------------------------------------------- |
| Use Global Shadow   | Enable this option to display global shadow |
| Shadow Color        | Select a color from using the menu          |
| Shadow Transparency | Set the transparency for the shadow         |
| Use Global Font     | Enable this option to use the global font.  |
| Font Family         | Select a font type from the drop-down menu. |
| Designer Themes     | Select a theme from the drop-down menu.     |

#### Size

![Size Properties fields](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FqZKtg1EyHaRlQ6ktTrgg%2Fimage.png?alt=media\&token=90c18243-c965-4177-a22b-25669b2f7188)

####

| **Parameter Name** | **Description**                                                                                |
| ------------------ | ---------------------------------------------------------------------------------------------- |
| Screen Size        | Select an option from the drop-down menu.                                                      |
| Width              | Increase/decrease the width of the dashboard.                                                  |
| Height             | Increase/decrease the height of the dashboard.                                                 |
| Enable Scaling     | Enable this option to display scaling.                                                         |
| Scaling View       | Select an option from the drop-down menu (Fit to page/Fit to width/Fit to height/Proportional) |

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> *The Dashboard screen size can be scaled based on display devices (E.g., Mobile, iPad, and PC).*
{% endhint %}

**Steps to set the Screen Size**

* Click the drop-down icon for the ***Screen Size*** field.
* A context menu appear displaying various options to set the Screen Size.

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FpFvNMUdh9oyJbNByUYlV%2Fimage.png?alt=media\&token=79a00696-e112-41b0-bf91-0b7fcb3efc89)

&#x20;

#### Language Mapping

![Language Mapping Properties fields](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FGl4NzOUC2cbHEITl5mNS%2Fimage.png?alt=media\&token=519e30eb-0036-463a-a98b-0529f2f5af1c)

####

| **Parameter Name** | **Description**                                             |
| ------------------ | ----------------------------------------------------------- |
| Enable             | Enable this option to apply language mapping functionality. |
| Hide Curly Braces  | Enable this option to hide the curly braces.                |
| Select a Mapping   | Select a language mapping using the drop-down menu.         |

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> *By clicking on the **Select a Mapping** icon, the **Language Mapping Selection** dialog box opens.*
{% endhint %}

**Steps to Map a Language**

* Navigate to the ***Language Mapping Selection*** dialog box.
* Select a language mapping option using the Mapping List drop-down menu.
* Click the ***Save*** option.    &#x20;

![Mapping a Language](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2Fchq3Sb1UyInxtweEq1OE%2Fimage.png?alt=media\&token=a6220817-1231-4206-8dac-7a4ecd455da8)

#### Cache

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FbCx3dYuuKAMZ2AHK9jQR%2Fimage.png?alt=media\&token=4e949e87-12a8-4fd8-9048-7cd4bc6c90cf)

Use a checkmark in the given box to enable the ***Enable Cache*** option for the data service. If cache is enabled for a dashboard with a data service as a data source it will do the following tasks:

* While loading the dashboard, for the first time data will hit from database.&#x20;
* The same dashboard while loading again it will load the data from the Cache.

#### Report Burst

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2FZBHyZiSMYJSGE16jPp3U%2Fimage.png?alt=media\&token=5627f9aa-80d7-44d6-9625-c43219bd7472)

Use a checkmark in the given box to ***Enable Report Burst.*** By enabling the Report Burst option from the Dashboard properties displays the ***Report Burst*** option for a published Dashboard. Refer the [*<mark style="color:blue;">**Report Burst**</mark>* ](https://docs.bdb.ai/bdb-documentation/core-platform/getting-started/homepage/documents-folders/document-options/options-for-a-published-dashboard#report-burst)section from the [*<mark style="color:blue;">**Options for a Published Dashboard**</mark>*](https://docs.bdb.ai/bdb-documentation/core-platform/getting-started/homepage/documents-folders/document-options/options-for-a-published-dashboard) section for more details.

{% hint style="info" %} <mark style="color:green;">Please Note:</mark> *The Report Burst option comes pre-selected in all the new dashboards.*
{% endhint %}