# Pages

### Pages

Create new dashboard pages and add components out of the toolbox with drag & drop.

<div align="left"><figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2Fje5Mybr6KdfNvsFZRmwT%2FImage%20create%20dashboard%20page.png?alt=media&#x26;token=5e11510f-62d3-4b00-a20c-1dca302bb57a" alt=""><figcaption></figcaption></figure></div>

Each page has the following **main designer tools**:

### **Left sidebar**

On dashboards it is possible to drag and drop [**controls**](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/controls-toolbox) out of a libary of components **on any postion on the canvas**.&#x20;

If you want to **group** controls use the component "Panel" out of the toolbox item "Layouts". &#x20;

### Right side bar:

By clicking the "**tabs or short cut icons**" you can set all sort of **properties and functions** for a page.&#x20;

<div align="left"><figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2FIZMSoqpz6UBEj3ecjOKI%2FToolbar%20dashboard%20page.png?alt=media&#x26;token=c7b04d27-e25c-4081-b568-8f0ddbe934bf" alt=""><figcaption></figcaption></figure></div>

#### [Layouts](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/layouts)

#### Properties

Set and modify the main properties of a form page

#### [Events](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/events-actions)

#### [Parameters](https://academy.any2info.com/any2info-academy/no-code-platform/app-studio/application-design/dashboard/broken-reference)

### **Toolbar above canvas**:&#x20;

<figure><img src="https://870194474-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M_kE41Rl4pOtwKfvvQq%2Fuploads%2F71KWcSTmhgN5DnIjimOv%2FImage%20toolbar%20above%20canvas%20dashboard.png?alt=media&#x26;token=3e31d277-bfda-4636-8c79-503666c407f4" alt=""><figcaption></figcaption></figure>

* "Trash icon": Delete components from the canvas
* "Eye icon": Screen preview desktop, tablet and smartphone device
* "Question mark icon": Notes supporting the content of a page
* "Cogs icon": Open page properties in the right sidebar