Tree View Component

Overview

With the help of this component, the user can now easily represent the order and hierarchy of the data that he wanted to display in a much easier way. The Illustration of a folder structure or a nested relationships between your data will now be showcased in a clear and understandable way by using the Tree View Component.

Use Cases

Easy navigation through file system directories in a file manager application.
For compact and easy display of data with multiple levels of hierarchy.
Collapsed and indented view to display lower-level data to users only when they need.

Key Features & Functionality

Functionality

Provide the data to be displayed as a tree in the required format to view a hierarchical list with expanding and collapsing nodes that contains the nested items.
The font color of each text displayed can be altered with a valid hex code of the desired color.
Parameters to customize the data displayed to be Bold, Italicized, underlined or highlighted are also available.
Use the class name of the desired icon from the free section of Font Awesome 5 Icon site to be displayed as label and sub label icons.

Features

Clean and simple Tree view of data.
Customizable font color of the label displayed.
Optional font customization of text - Bold, Italics, Underline and Highlight.
Option to use Font awesome 5 free icons.
Allows you to store a selected data from the tree.

chandhinir over 3 years ago in reply to raghulvishnud

Thanks for your response.

If multiple values are passed into selection value, the multiple options are not highlighted in the tree view.
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
raghulvishnud over 3 years ago in reply to chandhinir

Hi chandinir,

From component perspective only single selected item is updated,we can use appian functions append to select multiple values on selection . We will check the feasibility and add the feature to add multiple selections in the future enhancements and
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
chandhinir over 3 years ago

Hi,

Can i check whether this component supports multiple selection?

Thanks,

Chandhini R
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
April Schuppel over 3 years ago in reply to Ana Domínguez

Hi Ana Domínguez - there is a sample application and documentation included in the download package!
- Cancel
- Up 0 Down
- Reply
- More
- Cancel
Ana Domínguez over 3 years ago

I have a doubt, how should the local!data be structured, I am trying to use it and my component appears empty. Could someone help me to make the example shown in the images?
- Cancel
- Up +1 Down
- Reply
- More
- Cancel