Skip to content

Web App

Web App is a type of UI in UI Builder that lets you build standalone web applications using HTML, CSS and JavaScript. It can be embedded as a component in other UIs, or accessed directly in the browser via its own URL.

Web App UI

Web App UI overview

  1. Review and edit the selected module. Its name is shown in the top left corner; the selected module is marked with a blue vertical line in the Modules tab on the left side of this section.
    Split view: press the button in the top right of the editing window to enable split view and compare changes in your code.

  2. Modules tab: click on a module's name to select it and modify it in the edit window.
    Inside the edit window there's quick access to the Modules' dropdown.

  3. Libraries tab: review existing libraries and add new ones using the + button in the toolbar.

  4. Info tab: displays the UI type and Web App name. Click Edit to rename.

Creating a Web App

To create a new Web App:

  1. Go to UI Manager → Web App tab.
  2. Click the Create New Web App (+) button.
  3. Enter a name for your Web App and click Create.

Once created, double-click on the Web App in the list and the editor will open with three default files (Modules):

  1. index.html — the main HTML page
  2. script.js — JavaScript logic
  3. style.css — styles

Tip

All Web Apps are available immediately after creation. They are accessible at:
http://localhost:5550/webapps
For example, a Web App named TeleprompterApp is accessible at:
http://localhost:5550/webapps/TeleprompterApp

Managing Web Apps

Right-click any Web App in the list to access the following options: Rename, Duplicate, and Delete.