# Manage Dashboard

### Create a new page <a href="#od_4659737a" id="od_4659737a"></a>

In the left of toolbar, click on ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FjvNIigDcKcbLHZcARQl8%2Fimage.png?alt=media\&token=22dbe8ca-7519-4a30-99a5-9a740bcd7817) page icon to expand the full page list

At the bottom of the list, click ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FSyjuMHt8CHXFZMllY0N6%2Fimage.png?alt=media\&token=f675bfbd-34fc-4c0f-84f5-46913398f6dd) icon to create a new page

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FuoNmRHtF9Z8yJmJ7himR%2Fimage.png?alt=media&#x26;token=de37ae75-b9f7-4de7-9296-94ed2bd6ffbd" alt="" width="375"><figcaption></figcaption></figure>

### Page list options <a href="#od_39d86755" id="od_39d86755"></a>

**Rename the page:** click right away on the name and type to rename

**Delete and Duplicate page**

Click on the ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FdGuCFXiqkqqINxMdpHa3%2Fimage.png?alt=media\&token=f04c116c-6031-40b2-8f3b-c18d89c6ec84) icon on the right of page. There are two options:

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FUqn3yZ4hd8UevFTTSVNx%2Fimage.png?alt=media&#x26;token=2228910e-1195-4757-b864-4aef43c70552" alt="" width="375"><figcaption></figcaption></figure>

**Delete:** remove page from the dashboard

**Copy**: duplicate page&#x20;

### Page Reordering <a href="#od_86fe16e0" id="od_86fe16e0"></a>

Follow steps as below:

1. Click and hold a page from the list
2. While click and hold a page, move the page up and down to reorder the page list

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FVrwjpKIyM8r6Den28ZXh%2Fpage-ordering.gif?alt=media&#x26;token=f8749ad9-faa9-49f8-bcdf-f25c02f513c0" alt=""><figcaption></figcaption></figure>

### Hide page in view mode <a href="#od_ba9a05ff" id="od_ba9a05ff"></a>

Unable ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FJNnfp0gH2OPFmWkl3Jqr%2Fimage.png?alt=media\&token=34eef23f-853c-4a9d-9b90-537b16adfefb)on the right of the page name **to hide page in view mode**&#x20;

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FXSXGxM5lV8WTcDM8bwuf%2Fimage.png?alt=media&#x26;token=c4a960e1-a33b-4cab-8061-eca228f5ab23" alt="" width="375"><figcaption></figcaption></figure>

### Page setting <a href="#od_a7df7207" id="od_a7df7207"></a>

**Current page setting**&#x20;

Click the ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FQ6KjJZAm7MAB5xWw04lp%2Fimage.png?alt=media\&token=c6b78b10-8e6e-4142-b068-28833e1c5f19) in the top right toolbar

* Adjust width and height
* Adust background color
* Enable box shadow
* Set time for auto refresh

Choose **Free style canvas** or **Grid layout** if you want

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2F98PzUtOmDrmu2qNa4xUS%2Fimage.png?alt=media&#x26;token=c4e7438f-cf70-4847-8d20-0f72cea7748d" alt="" width="375"><figcaption></figcaption></figure>

### Layout Settings <a href="#od_e05c0cbe" id="od_e05c0cbe"></a>

Hover ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2F15zcEWNUn5VS3ANsXjmx%2Fimage.png?alt=media\&token=b533486c-bb9d-4652-ad09-3c737a07250e)on the top right of the Dashboard editor to see all Dashboard Management options

Click ![](https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FFnWgkoiltQFkqUNeTC6m%2Fimage.png?alt=media\&token=a1cef51b-687e-43fa-802e-fc0dbdc690e7)to set Header or Footer of the page

**Header**\
Show header: show/hide header\
H: add height for the header comparing to the furthest upper canvas\
Background color: Choose color for the header background

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2FLoeZkEduSINdXcW2trHR%2Fimage.png?alt=media&#x26;token=a07fb76c-903c-41d7-8a59-30c28a7ba442" alt="" width="375"><figcaption></figcaption></figure>

**Footer**\
Like header section, you can do the same to set the footer

<figure><img src="https://1648695648-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FygZlXb1uCVgursV03Kgn%2Fuploads%2F5fiAkMLq2MsdWNfCYBCT%2Fimage.png?alt=media&#x26;token=a3af195f-db2b-4461-a109-fecd38b69d91" alt="" width="375"><figcaption></figcaption></figure>