Hierarchical Tree
Stable Version 1.0.0 (OutSystems 10)
Published on 25 June 2018 by 
Created on 25 June 2018
Builds a hierarchical tree-like structure. It's an OutSystems approach to some of zTree functionalities. Link to zTree: https://www.outsystems.com/forge/component/963/ztree/?Unfollow=False
Read More

Simple plug in to build and display a tree-like structure using the ListRecords widget

The user can use the embedded actions to build a custom tree, or just expose the public web block on the screen to have a ready to use list.

 Note: The list that is going to be used as a source for the Hierarchical tree has to have five mandatory attributes:

- Level - integer - Zero based number representing the hierarchical of the current record, i.e. the top-most layer has Level = 0, the following layer has Level = 1, and so on.

- Sort - string - A "|" separated string with the Names oh the entire lineage of a record. For example for record Rua de Marvila on the screenshot, it's Sort attribute is "Europe|Portugal|Lisbon|Rua de Marvila". This field is used to sort the records in order to display the child records below the correct parent.

- isVisible - boolean - Flag to display or hide a given record

- isOpen - boolean - Flag that indicates if a given record is expanded in order to show its child records or collapsed.

- isChecked - boolean - Flag that indicates if a given record is checked or not.

Hope this helps anyone that needs something like this in their projects.

Please give feedback of any bugs or improvements and I'll give them a luck whenever I get the chance.

Reviews (0)
Components, UI & Widgets, Mobile Plugins, Applications, Themes and Templates
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Ângelo Sousa who created this component.
Hierarchical Tree has no dependencies.
Component Consumers
Hierarchical Tree has no consumers.
Weekly Downloads 
Related Components
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
Google Drive Connector
OutSystems MVPs
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
Google Maps
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
More from Ângelo Sousa
Random Number List Generator
Ângelo Sousa
Generates a list composed of random integers. The user is able to pick the minimum and maximum values, as well as the list length and if duplicates are allowed or not.