UI Editor/Components

Components represent the various bits of UI that appear on windows (labels, buttons, menus, etc). They also have scripting interfaces for modifying them from JavaScript.

When selecting a Component or Window in the Hierarchy panel, its relevant properties are displayed in the Inspector tab.

Creating Components

1. Find the window or component you would like as the parent for the new component in the Hierarchy panel
2. Right click the desired parent and expand the "Add" sub-menu
3. Select the type of component from the sub-menu list
4. The new component will be automatically selected when created

Types of Components

Label

A label represents a static piece of text on the screen. Labels can be used by themselves or as a sub-component of more complex components like buttons.

Imagebox

An image box provides a static image to display as part of a window. This is often used for icons, legend/key images, and non-interactive stylistic elements.

Button

Buttons are one of the most ubiquitous UI components, providing click-handling functionality, a label, and optionally an icon.

Menu

A menu allows the script to populate a set of items that can be clicked to activate a callback function.