# Web Dashboard

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FK0lYc3B8uXEqmDU85fwO%2Fimage.png?alt=media&#x26;token=0d5f24ba-7e29-46a6-8499-4021912b1413" alt=""><figcaption></figcaption></figure>

### To Create & Edit A Switch

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FRKdfspNkPLyQ9WTjpiH3%2Fimage.png?alt=media&#x26;token=553d4e1f-816f-4b8b-8aed-3cce4f61ac5c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FFYUCxAQbTIl5IjHXtLeC%2Fimage.png?alt=media&#x26;token=debf0b0f-66d1-49b3-9969-2d2e992bbc82" alt=""><figcaption></figcaption></figure>

* **Drag and Drop** the **Switch** from the widget to the dashboard.
* To edit the switch click on the **Settings** icon.&#x20;

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FJyEbdpObcSY5ilRtheFo%2Fimage.png?alt=media&#x26;token=67774807-4244-4993-82ec-882fa92792eb" alt=""><figcaption></figcaption></figure>

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FYOR6gdVJrLQnz5LJm98U%2Fswitch-datastream.png?alt=media&#x26;token=292be3c4-70b3-409b-88e5-560bdf76b6b7" alt=""><figcaption></figcaption></figure>

* A pop-up window is opened.
* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Enter the **On Value** and **Off Value** for the switch.
* The **toggle button** can be enabled to **show the On/Off Label.**
* Enter a name for the **On Label** and **Off Label**
* Click on the **Update** button.

### To Create & Edit A LED

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FSk1sQ5m12v5FKls2YUsO%2Fimage.png?alt=media&#x26;token=cd498256-562a-4ef0-97e0-143f0e231fb7" alt=""><figcaption></figcaption></figure>

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.
* **Drag and Drop** the **Led** from the widget to the dashboard.
* To edit the switch click on the **Settings** icon.

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FRuSV1yiRuNg35jZ9hzob%2Fled-widget.png?alt=media&#x26;token=587e2e9b-47f1-4b8c-97f4-1a14595441ba" alt=""><figcaption></figcaption></figure>

* A pop-up window is opened.
* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Click on the **Update** button.

### To Create & Edit A Slider

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FCYg3Y1PRriV8kcUhwPIL%2Fimage.png?alt=media&#x26;token=f434a5cc-287e-47bc-a259-ed9b48c319ed" alt=""><figcaption></figcaption></figure>

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.
* **Drag and Drop** the **Slider** from the widget to the dashboard.
* To edit the switch click on the **Settings** icon.

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FjEvLx4UTg7oHKCAMvbAY%2Fslider-widget.png?alt=media&#x26;token=bd82a926-4f4f-4a0d-a96c-f83c04193664" alt=""><figcaption></figcaption></figure>

* A pop-up window is opened.
* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Click on the **Create** button.

### **To Create & Edit A Label**

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2F2dW7H0EN6fuLBknZQHaC%2Fimage.png?alt=media&#x26;token=5f491e85-8856-4d77-9cd6-930b1ab89861" alt=""><figcaption></figcaption></figure>

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.
* **Drag and Drop** the **Label** from the widget to the dashboard.
* To edit the switch click on the **Settings** icon.

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FsNTV0zzMJaUGYHjteO7U%2Fimage.png?alt=media&#x26;token=99887bfa-6fc8-4ff9-b23c-d10459b92627" alt=""><figcaption></figcaption></figure>

* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Click on the **Create** button.

### **To Create & Edit A Gauge**

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2F8U0y63gDYlYi8AJUc8k6%2Fimage.png?alt=media&#x26;token=b38f353b-6ece-4121-9445-fb720c00207e" alt=""><figcaption></figcaption></figure>

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.
* **Drag and Drop** the **Gauge** from the widget to the dashboard.
* To edit the switch click on the **Settings** icon.\\

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2FGtiZOU4TlJjmKT7qJJCx%2Fgauge-widget.png?alt=media&#x26;token=b4fe0607-20c4-425c-b3af-bc5c6ca24529" alt=""><figcaption></figcaption></figure>

* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Click on the **Create** button.

### **To Create & Edit A Terminal**

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2F8R9a91yh7C14Npp0UGGx%2Fimage.png?alt=media&#x26;token=ea0f6071-e628-4b74-b925-fb856cac21dc" alt=""><figcaption></figcaption></figure>

* Click the Cluster, here you can navigate through **tabs**.&#x20;
* Click on the **Web Dashboard** tab.
* Click on **Edit** button.
* **Drag and Drop** the **Terminal** from the widget to the dashboard.

<figure><img src="https://697248495-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmwVt5BLulzwCLv1rnzHU%2Fuploads%2F8oTBBTXEopqkk0zGUSh1%2Fterminal-widget.png?alt=media&#x26;token=8847f7ce-1829-4387-853f-05a584bebf97" alt=""><figcaption></figcaption></figure>

* The **Title** can be changed.
* Select the **Data Feeds** from the dropdown.
* Enter the **Input Hints** that needs to be displayed.
* Select the **Screen colour** for the Terminal.
* Select the **Text Colour** for the input hint.
* Click on the **Create** button.
