Links
Comment on page

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 modified 20d ago