Tree

The Avonni Tree presents hierarchical data in a user-friendly, expandable/collapsible tree for easy navigation.

---

Tutorials

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

How to add items on your tree

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.

Other Options

Header

The text at the top of the tree serves as a title or label for the data.

Is Multi Select

Enables users to select multiple items within the tree.

Independent Multi Select

Allows multiple selections across different levels or branches of the tree without affecting selections in other areas.

Show Item Count

Displays the number of child items next to each parent item in the tree.

Interactions

On Item Click

Choose what happens when a user clicks on an item in your tree. See interactions.