Tree View

User Persona: Application Designer

To meet this requirement, Sam can make use of the Tree View control. This control displays the parent category along with its associated subcategories in a hierarchical format, offering users a clear and organized view of the available services. 

By implementing the Tree View control, NovaTech ensures a seamless and intuitive browsing experience for its users within the Service Catalog.

General

Title

Type in a unique name for the tree.

Example: Category

Sub Title

The subtitle text is useful to give the user an idea of what kind of information they need to fill in.

Subtitle text appears directly beneath the control container. Use it to explain why a piece of information is being requested, address security and privacy concerns, or suggest ways of providing answers.

Render As

Select from the drop-down to determine the behavior of the control.

Selection Tree - Enables users to choose items from a hierarchical structure. Selection tree is mostly used by end-users to make selections.

Tree Builder - Field with a form that allows users to construct and configure hierarchical structures, such as organizational charts or category trees. Tree Builder is mostly utilized by Administrators to create and customize hierarchical data structures within the application.

Render Style

Select from the drop-down to choose how you want the Tree View control to appear.

Inline - The Tree View control will appear inline within the drop-down. 

Pop-up - The Tree View control will appear as a pop-up on choosing this option. 

General

Include as Filter

If enabled, then the respective control is available as a filter option on the Form Designer list page of the application.

Include as a column in grid view

If enabled, then the respective control is available in Grid view on the Form Designer list page of the application.

Is Clickable

If enabled, a pop-up window with text is displayed.

For example: The pop-up window with Text, URL, Email address, Password or Telephone will be displayed.

Allow Selection of Parent Node

If enabled, this allows the Parent Node to be a selectable field in the Tree View control. 

Mandatory

Choose Mandatory from the drop-down to make the control a mandatory control. It ensures that this field must be filled out before submitting the form.

Disabled

Select Disabled from the drop-down to make the control a disabled control. It makes the control read-only and prevents any changes or inputs.

Hidden

Select Hidden from the drop-down to hide the control. It ensures that this field must be hidden if it contains any personal information.

Editable

Select Editable from the drop-down to make the control as an editable control.

Text

Font Type

Choose the desired font type from the drop-down menu to customize the appearance of the Tree View

Font Color

Select a font color from the color palette to enhance the visibility and aesthetics of the Tree View.

Font Size

Restrict field access

Enable this option to ensure that designated roles possess exclusive viewing or editing privileges for the content within the Tree View control, thereby restricting access to authorized users only.

For example: In a financial management system, only designated financial analysts or managers should have access to view or edit sensitive financial data entered in the Tree View control. 

Enable this option to ensure sensitive information remains secure and confidential by making it unreadable without the appropriate decryption key. 

For example: In a financial management system, sensitive information such as bank account details can be encrypted and only personnel with a decryption key can access the information.

Data Source

Using this option, you can define from where the data should populate for the Autocomplete control. The available options are:

• Table
• API
• Manual

Parent 

This is the parent for the parent-child relation necessary for the tree view

Is Parent Encrypted? 

Table

Select the required table from the Table drop-down list.

Label Column

Select the required source column from the Label Column drop-down list.

Tree Parent Column

Select the required parent for the tree from the Tree Parent Column drop-down list.

Tree Child Column

Select the required child for the tree from the Tree Child Column drop-down list.