# WebUI Setup

{% hint style="warning" %}
WebUI feature is available for LightAct **server license** only.
{% endhint %}

## Overview

WebUI enables you to setup **custom user interface** and **control LightAct** from any device's browser connected to the same network as LightAct.

## Setup

First look up your IP address in **Command Prompt.** Open Command Prompt **as administrator** and type **ipconfig.** Copy your IPv4 adress.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-bdf3275fe2d5aebcf455fe11f42c6761945bf42d%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Open **http-server.exe** and look up your port number. You can find it under *C:\WebUI 4\dist\http-server.exe*

{% hint style="info" %}
**Good to know:** If you cannot fine **http-server.exe** file on your server, feel free to contact us at <support@lightact.com>.
{% endhint %}

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-e710fc1fd51c8084934971e1ecf5e52d47936d33%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Open LightAct, go to Project Settings, and under General, enable **Enable** **REST & WebUI.**

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-f7f62435277126e6c7f89be25fa1d1db913a5543%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

Open any web browser and type your **IP** and **Port**, followed by **/index.html,** for example *"192.168.0.111:8000/index.html".*

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-1087ef9dd39f9c5b4d25f4ad8059e9fb9e1f86f4%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}
If WebUI doesn't receive data, uncheck **Enable REST & WebUI** button and then check it again. Ensure that the device you are trying to access WebUI on is in the same network on which LightAct is running.
{% endhint %}

You can add custom variables by dragging a **Local variable** to a [**Global variable**](https://docs.lightact.com/layers-and-layouts/variables#global-variables) **group** or by directly adding a **Global variable**.

Make sure to expand the right side window enough to see **WebUI icon**. Click on it to enable the variable in WebUI.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-fc2cfce918ab8b08f1740eba5e1885dd362b3415%2FWebUI%20Enable%20in%20LightAct.gif?alt=media" alt=""><figcaption></figcaption></figure>

Successful configuration should look something like this.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-19eaa5f8dce59e30bdb5c6a625154264e7cf69b1%2FWebUI%20Custom%20variable.png?alt=media" alt=""><figcaption></figcaption></figure>

You can also set the **Default value** and **Min and max** value.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-40cfd4d05852c8b3e87beed0be5bca2555e4b4e6%2FWebUI%20Default%2C%20min%20and%20max%20values.gif?alt=media" alt=""><figcaption></figcaption></figure>

All global variables, that have the **WebUI** button enabled should be visible in WebUI.

<figure><img src="https://3312042618-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F9sVaJpWJhPbmscipukhh%2Fuploads%2Fgit-blob-ab4aea93b2afddb586f9e3da5a72c160485e93c7%2Fimage%20(15).png?alt=media" alt=""><figcaption></figcaption></figure>
