Information
  • Author: Vuram
  • Type: Plug-in (Component)
  • Support: This plug-in or utility is not supported by the author. The content is free to use with a licensed product, but it is made available as-is and Community supported.
  • Industry: All Industries
  • Compatible Version(s): 22.1
  • First Released:
  • Last Updated:
  • Cost: Free
Share
Home » AppMarket » Tree View Component

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.
Anonymous
Parents

  • Compatible versions are listed as 20.1+ , 22.1 - but, it seems to be not compatable with version 21.3. Getting the "The selected package was exported on version 22.1.205.0 and it cannot be imported or inspected on the older version 21.3.1975.0. (APNX-1-4154-001)" error.

    Is there any way to use the 'Sample Package' in v21.3?

  • in reply to sunilc

    Hi ,

    You cannot import an application exported from an higher version into an lower version environment. But still there is a workaround to achieve this, you can update the Appian-version inside the META-INF/MANIFEST.MF file in the Sample application zip file. This is not a recommended way, since it is an sample application you can try this!

    Please try the above workaround and let us know if you face any issues.

    Thanks,

    Naveen.

  • in reply to sunilc

    If that doesn't work, you could just install the plugin and use the Example provided in the documentation(attached with this plugin) in a new interface.The interface in the sample application will also have the same. Can you please try this and let me know?

  • in reply to naveeng

    Hi Naveen,

    Thanks for your response. I'm getting "The specified file does not contain a valid package and cannot be imported. (APNX-1-4154-000)" error, if I try to manipulate META-INF/MANIFEST.MF file in the 'Sample application.zip' file. 

Comment
  • in reply to naveeng

    Hi Naveen,

    Thanks for your response. I'm getting "The specified file does not contain a valid package and cannot be imported. (APNX-1-4154-000)" error, if I try to manipulate META-INF/MANIFEST.MF file in the 'Sample application.zip' file. 

Children
  • in reply to sunilc

    If that doesn't work, you could just install the plugin and use the Example provided in the documentation(attached with this plugin) in a new interface.The interface in the sample application will also have the same. Can you please try this and let me know?

© 2025 Appian. All rights reserved.
We want to hear from you! Submit a review on Gartner or G2.