Avatar Group

An avatar group is an element that communicates to the user that there is more than 1 person or entity associated with an item.

What the Avonni Avatar Group does

The Avonni Avatar Group component provides a clear and organized way to visually represent groups of users within your application, enhancing the user experience and making information easily accessible.


Changing the properties

General

To configure the avatar group, customize the look and feel by setting up Variant, Size, Layout and Max Count.

Data Source

Data Source is where the avatar group will come to life.

Manual

Manual data source allows you to create your avatars manually without any link to Salesforce data.

Variable

Variable gives you the ability to create avatars dynamically by assigning any source collection available in your flow. By selecting a source collection, you will be able to define a data mapping for each attribute of the avatar group.

For example, the primary text attribute can be linked to the full name field to display the full name of the record next to the avatar.

Interactions

From the interactions tab, define if you would like to define an action when a user click on an avatar. For example, on avatar click navigate the user to the appropriate record id. The interaction would be something like this:


Tutorials

The following examples demonstrate some of the available functionality for Avatar Group.

Stack

Grid

List

Last updated