Tree Controls

Tree controls are used to display hierarchical data. They are used primarily in the Bank Selection, Exam Layout and when working with Competencies.

Expand a Tree

The image below is from Exam Layout. It show a collapsed Exam with its Sections. To expand collapsed nodes, click the arrow next to the node.

Collapse a Tree

The image below is from Exam Layout. It show an expanded Exam with its Sections. To collapse an expanded node, click the arrow next to the node.

Context Menus

Some trees like on Exam Layout support right-click context menus. To open a context menu, right click the node on the tree.

Drag and Drop

Some trees support drag and drop functionality to help reorder nodes in the tree. For example, the Exam layout tree supports drag and drop to reorder Items on the Exam.

To drag and drop:

  • Select a node by clicking the mouse button down on the node.
  • While holding the mouse button down, Drag the node to another part of the tree. When doing this, drop points are shown via a dashed line.
  • When the node is in position, Drop the node by releasing the mouse button.

Note: If dragging a node to an area that is invalid, like dragging an Item to drop directly on an Exam, a “Not Allowed” symbol is displayed over the node.