# Preferences

* Navigate to the Designer homepage.
* Click the ***Preferences*** option from the left panel.

&#x20;     ![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F3tW8j3nUYYpczmeVjQvt%2Fimage.png?alt=media\&token=c632f336-8328-4361-80bb-7ef182b06e93)

* The Preferences for a dashboard canvass appear.
* Set the desired preferences either by enabling it through a checkmark or selecting it from the provided menus.
* Click the ***Save*** option. &#x20;

![](https://972575688-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FRYq1HgffNfbnIMWPu1D5%2Fuploads%2F2yp8zVsmys3fsMLLgGIk%2Fimage.png?alt=media\&token=66433522-5ecb-4bf8-b942-2cbccecd580d)

* The selected preferences get applied to the dashboard canvass.
* The available preferences for a dashboard are as described below:

&#x20;

| Property Name           | Description                                                                               |
| ----------------------- | ----------------------------------------------------------------------------------------- |
| Show Grid Lines         | Enable this option to display grid lines in the designer area                             |
| Snap to Grid Size       | Select an option to display the grid size (None/5/10/15)                                  |
| Notify on Success       | Enable this option to get a notification of success                                       |
| Block Notification      | Enable this option to block the notification message                                      |
| Show Settings Button    | Enable this option to display the toolbar when any component is selected                  |
| Selection Color         | Redirects to select a color to display when any component when dragged to the canvass     |
| Selection Thickness     | Set (increase/decrease) the thickness of the component border                             |
| Show Border             | Enable this option to display a border on the dashboard                                   |
| Border Color            | Redirects to select a border color to display in the Dashboard                            |
| Background Color        | Redirects to select a color to display in the dashboard background                        |
| Hide Shadow             | Enable this option to hide the shadow of the components                                   |
| Sync Component Property | Enable this option to synchronize the component property                                  |
| Enable Multiple Drag    | Enable this option to select multiple charts and then move them together in the dashboard |
| Fixed Dimension         | Enable this option to set the fixed height & width of the dashboard                       |

&#x20;

&#x20;

&#x20;

&#x20;

&#x20;
