🆕Tree

Overview

The Avonni Tree component is designed to display hierarchical data in a user-friendly, expandable/collapsible tree structure. This allows users to navigate complex, multi-level data within your Screen Flows easily.

Tutorials

Name	Description	Illustration
Build a Tree View with Dynamic Record Details	Interactive tree shows account details, dynamically updating on selection.

Name

Description

Illustration

Build a Tree View with Dynamic Record Details

Interactive tree shows account details, dynamically updating on selection.

Configuring the Tree

Data Source

Before using the List, you must decide where the data will come from. The Data Source setting determines how the list is created and what it displays.

Data Source Type	Use Case	When to Use
Manual	For a predefined set of items that don’t require dynamic updates.	Ideal for static content or rapid setup with specific items.
Picklist	Displaying a list of options defined in a Salesforce picklist.	Best for presenting a list of predefined options for selection.
Query	Fetching data based on a specific query, pulling various records or data points.	Ideal for complex data retrieval or when sourcing. Using a 'Get Records' collection is not necessary with this method, as the query itself is powerful enough to simplify your flow

Data Source Type

Use Case

When to Use

Manual

For a predefined set of items that don’t require dynamic updates.

Ideal for static content or rapid setup with specific items.

Picklist

Displaying a list of options defined in a Salesforce picklist.

Best for presenting a list of predefined options for selection.

Query

Fetching data based on a specific query, pulling various records or data points.

Ideal for complex data retrieval or when sourcing. Using a 'Get Records' collection is not necessary with this method, as the query itself is powerful enough to simplify your flow

Data Mappings

When using a dynamic data source like 'Query' or 'Picklist' for your Avonni Tree, the Data Mappings section becomes crucial. It bridges your Salesforce data and the tree structure, accurately representing your hierarchical data.

Why are Data Mappings Important for Avonni Tree?

Without data mappings, the Avonni Tree wouldn't understand how to organize your data into parent-child relationships. This could lead to a disorganized or flat tree structure, failing to convey the intended hierarchy.

How Do Data Mappings Work for Avonni Tree?

In the Data Mappings section, you'll define the connection between your Salesforce fields and the corresponding Avonni Tree attributes. This involves specifying:

Parent Item Label: Choose the field that will be used as the name for the main items in your tree (e.g., "Account Name" if your tree is based on Accounts).

Other Attributes: You can also connect other fields to additional features in the Avonni Tree, like "Metatext" (extra information displayed next to an item)
Adding Related Items to Your Tree (Optional)
You can also display items related to the main items in your tree. To do this:
1. Add an Item: Click the "Add Item" button.
2. Choose the Child Object: Select the object's name that contains the related items you want to show (e.g., "Contact" if you will show contacts related to each account).
3. Select the Relationship Field: Choose the field that connects the child object to the parent object (e.g., "AccountId" on the Contact object).
4. Map the Data: Tell the Avonni Tree how to display the information for the related items, just like you did for the main items.

By establishing these mappings, you ensure that each item in the Avonni Tree accurately displays the correct information from your Salesforce data and that the hierarchical structure reflects the relationships defined in your data model.