Tree
A Tree is a component that displays a set of hierarchical data as an outline
Creating a tree
- Select the Tree tool from the diagram toolbar.

Selecting Tree from diagram toolbar - Press to set the position of the tree. Drag diagonally from the starting point to expand the tree.

Drag diagonally to expand the Tree - Release the mouse button to confirm the size of tree.

Tree is created
Editing tree contents
Basic setup
To insert columns and rows into a tree:
- Right click on the tree and select Open Specification... from the popup menu.
- In the UI tab of the UITree Specification dialog box, click either Insert Node Below or Insert Node Above to insert the first column. Note that Insert Node Below/Above means to create an adjacent node.

Insert a node into tree - Enter the node name in Input dialog box and click OK to confirm.
- To add a child node, select an existing node.
- Click Add Child Node.

Insert a child node - Enter the node name in Input dialog box and click OK to confirm.
- Repeat step 2 to 6 to create all nodes.
- Click OK to confirm editing.
Removing a node
To remove a node in a tree, open the specification dialog box of the tree, open the UI tab, right click on the node(s) to remove and select Remove Node in the popup menu.
![]() |
| To remove a node in tree |
Reordering nodes
To reorder nodes, open the specification dialog box of the tree, open the UI tab,select the node(s) to reorder, and click on the Move Up or Move Down button.
|
|
| Moving a node in tree upwards |
Tree properties
The appearance of tree can be changed by editing its properties. To configure a tree, right click on the tree and select Open Specification... from the popup menu. The UI tab is where user can configure a tree.
|
||||||||||||||
| Description of tree properties |
| 8. Table | Table of Contents | 10. Web Label |


