12.1.2.1.1.31.3. Tree – Web Display

For those unfamiliar with using the tree control in the DBP web application, the following instructions will guide you through the process:

1. Expanding and Collapsing Individual Nodes
   • To expand a node and reveal its child nodes, click on the arrow icon located to the left of the node. To collapse a node and hide its child nodes, click on the arrow icon again.
     
2. Expand/Collapse All Nodes
   • To expand or collapse all nodes within the tree, click on the button located to the right of the control.
     
3. Access Tree Context Menu
   • To access the context menu, right-click on a specific node within the tree control.
     
     • Show: This option allows users to view the information associated with the selected node.
       • If selected, it will open a pop-up window with the ‘View Form’.
         • In viewing mode, users typically cannot make any modifications.
           

           !!Users can configure the ‘View Form’ in the Control Governance tab. The ‘View Form’ is a form behavior that determines the appearance and functionality of the modal form in the web application. Please note, however, that the actual contents and design of the form are pulled from the custom form that contains the tree attributes.

     • Add: This option allows users to add a new node as a child of the selected node.
       • If selected, it will open a pop-up window with the ‘New Form’.
         • In this form, users can provide the required information for the node.
       • At the bottom of the form, there is the following button:
         
         • Save and Return: This button allows users to save the node and return to the main form.
       • Once they have saved their work and returned to the main form, users will find the new node they have created now added to the tree.
         

         !!Users can configure the ‘New Form’ in the Control Governance tab. The ‘New Form’ is a form behavior that determines the appearance and functionality of the modal form in the web application. Please note, however, that the actual contents and design of the form are pulled from the custom form that contains the tree attributes.

     • Edit: This option allows users to edit the information of the selected node.
       • If selected, it will open a pop-up window with the ‘Edit Form’.
         • This form is typically a duplicate of the ‘New Form’, with the exception being that the fields are all populated with previously inputted information.
       • After saving their changes and returning to the form, users will find the node in the tree updated with the latest modifications.
         

         !!Users can configure the ‘Edit Form’ in the Control Governance tab. The ‘Edit Form’ is a form behavior that determines the appearance and functionality of the modal form in the web application. Please note, however, that the actual contents and design of the form are pulled from the custom form that contains the tree attributes.

     • Delete: This option allows users to remove the selected node from the tree control, along with its associated child nodes.
       • If this button is selected, users will be alerted of the action with the following confirmation message:
         
         • Click on either the Submit button to confirm the deletion or the Cancel button to cancel it.