Difference between revisions of "UI Editor/Components"
| Line 15: | Line 15: | ||
=== Imagebox === | === 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. | 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. | ||
| + | |||
| + | === Panel === | ||
| + | A panel provides a simple way of grouping and laying out other components. | ||
=== Button === | === Button === | ||
Buttons are one of the most ubiquitous UI components, providing click-handling functionality, a label, and optionally an icon. | Buttons are one of the most ubiquitous UI components, providing click-handling functionality, a label, and optionally an icon. | ||
| + | |||
| + | === Toggle === | ||
| + | A checkbox or radio button type control. Has on/off state and can be part of a group to ensure only one of them is active at a time. | ||
| + | |||
| + | === Textfield === | ||
| + | A single-line text entry field for getting user input (names, numeric values, etc.) | ||
| + | |||
| + | === Textarea === | ||
| + | A multi-line text entry field for getting longer user input (comments, feedback, etc.) | ||
=== Menu === | === Menu === | ||
A menu allows the script to populate a set of items that can be clicked to activate a callback function. | A menu allows the script to populate a set of items that can be clicked to activate a callback function. | ||
| + | |||
| + | === Webview === | ||
| + | A surface for displaying a webpage, useful for TOS or other online content | ||
Revision as of 18:07, 16 November 2017
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.
Contents
Creating Components
- Find the window or component you would like as the parent for the new component in the Hierarchy panel
- Right click the desired parent and expand the "Add" sub-menu
- Select the type of component from the sub-menu list
- 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.
Panel
A panel provides a simple way of grouping and laying out other components.
Button
Buttons are one of the most ubiquitous UI components, providing click-handling functionality, a label, and optionally an icon.
Toggle
A checkbox or radio button type control. Has on/off state and can be part of a group to ensure only one of them is active at a time.
Textfield
A single-line text entry field for getting user input (names, numeric values, etc.)
Textarea
A multi-line text entry field for getting longer user input (comments, feedback, etc.)
Menu
A menu allows the script to populate a set of items that can be clicked to activate a callback function.
Webview
A surface for displaying a webpage, useful for TOS or other online content
