> For the complete documentation index, see [llms.txt](https://docs.bdb.ai/bdb-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.bdb.ai/bdb-documentation/data-visualization/governed-dashboards/getting-started/overview-of-designer-module/dashboard-canvas-page/canvas-properties.md).

# 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](/files/y176vgyt813CTMPZtSBu)

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

![](/files/M7zkn6OMLnqdqFaCxRFq)

#### Gradient

![](/files/CV6sdFKo7Sj5zWkhLSpM)

| **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](/files/MNtMc6gwSrlngm0tCIpx)

#### Border

![The Border Properties fields](/files/rTraNepoFTd0xehVhJrY)

| **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](/files/croFtv8w59CAJSj40xnB)

####

| **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](/files/ByQ7wy18qUd0Q41wOg4W)

####

| **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.

![](/files/KhkqLDhHMTUs7JuNLkYT)

&#x20;

#### Language Mapping

![Language Mapping Properties fields](/files/oJfqHEEdQ0jBsl7bjLKY)

####

| **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](/files/wLLniO0LnwWWkoxeOM7w)

#### Cache

![](/files/V1pkbCPWFlHyrWaibg5r)

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

![](/files/1mmaVmsy5uulJYTYT0zN)

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>* ](/bdb-documentation/core-platform/getting-started/homepage/documents-folders/document-options/options-for-a-published-dashboard.md#report-burst)section from the [*<mark style="color:blue;">**Options for a Published Dashboard**</mark>*](/bdb-documentation/core-platform/getting-started/homepage/documents-folders/document-options/options-for-a-published-dashboard.md) 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 %}
