The User Interface Editors are all organized in an a hierarchical structure containing 4 four levels. The top level is called a Tab. Beneath the Admins can create one or more Tabs. Beneath a tab, you admins can create one or more Groups. Beneath the groups you a group, admins can create one or more Elements, which again can consist of . Beneath the elements, admins can create one or more Fields.
Tabs
Groups
Elements
Fields
...
The four levels of structure are required, meaning a field can not be created without a tab, a group, and an element. Fields can only be created to under an element, which forces you to create a Tab, a Group and an Element before you can create the field you want.
| Info |
|---|
Even if all Labels are optional. All levels must exist in order to create a field, you can decide whether or not to give them labels. If you chose to, for example, not give a group but the decision to use labels is more of a preference that impacts how the data is presented and organized in the User Interface. For example, if a group does not have a Label, it will not appear with a name in the user interface of dRofus User Interface. |
In the The image below you can see is an example of the organization within the User Interface Editor for Room Data.
...
Top menuMenu. From the menu, you an admin can add and delete Tabs, Groups, Elements, and fieldsFields. You can also convert a field from one field type to anotherFields can be converted to different types when the field is first selected.
Navigation. Navigate through tabs, groups, elements, and fields by expanding the tree structure.
Properties. Each tab, group, element, or field got their has its own properties. The These properties controls control the appearance and logic for of the hierarchical items (tabs, groups, elements) and the various field types.
Preview. The preview will show you shows how the hierarchical items and fields User Interface will appear for the end user. Changes made are instantly available for all users.