The User Interface Editors are all organized in an a hierarchical structure containing 4 four levels. The top level is called a Tab. Admins can create one or more Tabs. Beneath the 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.
...
The structure is strictfour levels of structure are required, meaning you cannot create a field directly to a flag or groupcan 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 UIE User Interface Editor for Room Data.
...
Tab. The tab has recieved a label called “Description”
...
Group. The group appears beneath the tab in the structure and has been called “Human load” in this example.
...
Element. The element appears beneath the group in the structure, with label “Occupancy, maximum”
...
Fields. In the selected element, ther ehas been created two fields. One numeric field and one text field.
...
Top Menu. 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.