Tree

A Tree is a component that displays a set of hierarchical data as an outline.

Creating a tree

1. Select the Tree tool from the diagram toolbar.
   

   Select Tree from diagram toolbar

2. Press to set the position of the tree. Drag diagonally from the starting point to expand the tree.
   

   Drag diagonally to expand the Tree

3. 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:

1. Right click on the tree and select Open Specification... from the pop-up menu.
2. 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

3. Enter the node name in Input dialog box and click OK to confirm.
4. To add a child node, select an existing node.
5. Click Add Child Node.
   

   Insert a child node

6. Enter the node name in Input dialog box and click OK to confirm.
7. Repeat step 2 to 6 to create all nodes.
8. Click OK button 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 pop-up menu.

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.

Move 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.

Property Description Root visible Determines whether the root of tree will appear. Show root handles Determines whether the expand/collapse button for root will appear. Row height The height of nodes in tree. Horizontal scrollbar Determines when a horizontal scrollbar will appear in a tree. Vertical scrollbar Determines when a vertical scrollbar will appear in a tree. Node icons Set the image icon to appear for a node when at different state. Default node icon: Icon for all nodes when default icon for collapsed and expanded nodes are not set. Default collapsed icon: Icon for collapsed nodes. It overwrites the default node icon setting. Default expanded icon: Icon for expanded nodes. It overwrites the default node icon setting.

Description of tree properties