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.
Overview
The Avatar Group flow screen component is a collection of Avatar components displayed in a grid or row. It is used to represent a group of users or entities, such as the members of a team or the attendees of an event.
This page walks you through:
Each Avatar in the group may contain additional information, such as the user's name, initials, or a badge indicating their status or role. The Avatar Group component is often used in user interfaces to help users quickly identify and differentiate between multiple users or entities. It may be used in lists, tables, profile pages, and other screens.
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:
| Setting | Value |
|---|---|
Type | Navigate |
Page Refecence type | Record Page |
Object API Name | The desired object |
Record ID | Item: Name |
Action Name | View |
Tutorials
The following examples demonstrate some of the available functionality for Avatar Group.
Stack
| Property | Value |
|---|---|
Variant | Circle |
Size | Large |
Layout | Stack |
Max Count | 5 |
Grid
| Property | Value |
|---|---|
Variant | Square |
Size | Large |
Layout | Grid |
Max Count | 5 |
Data Source | Variable |
Data Mapping / Fallback icon | avatar |
Status Position | Top Right |
Presence Type | Online |
Presence Position | Top Right |
List
| Property | Value |
|---|---|
Variant | Square |
Size | Large |
Layout | List |
Max Count | 5 |
Data Source | Variable |
Data Source / Fallback icon | Contact |
Primary Text | Full Name |
Secondary Text | Title |
Tags / Label | Mailing City |
Tags / Variant | Default |
Last updated
