The UI Editor

The UI Editor is found in all Editions of UBot Studio. Only Developer edition users will be able to access the html of the interface created and change the style of the UI.

The Feature can be accessed in the View Menu of UBot Studio.

The UI Editor is comprised of four parts:

The Tool Box: This is where the text box, panel, large paragraph boxes, check boxes, and other UI elements are found. Each item can be dragged and dropped into the UI area.

The UI Area: Where the UI the design of the UI occurs. What appears in the UI area is what will appear on the UI for the compiled bot.

The Properties and Style Panel: Allows the changing of properties such as the element ID (which will also be the variable for the UI element), height, width, layers, etc, as well as style properties such as the color, font, borders color and width, and many more.

The Snap To Drop Down: Assists in moving an re-sizing element to make UI elements easier to align.