Video tutorials
/
Build an Account Contacts list in screen flow using the Avonni Avatar Group component
Screen Flows

Build an Account Contacts list in screen flow using the Avonni Avatar Group component

Show an account's contacts as clickable avatars in a screen flow on the account record page.

Beginner
9:32
Tutorial
Build an Account Contacts list in screen flow using the Avonni Avatar Group component
Play video
Chapters
0:00 Introduction 0:25 What we will build 0:55 Input text variable configuration 1:49 Add a screen element & Avonni Header configuration 2:55 Avonni Avatar Group Data Source configuration 4:00 Avonni Avatar Group customization 4:45 Data Mapping configuration 6:05 Make items clickable 6:23 Item click interaction configuration 7:09 Fine-tuning other properties 8:25 Adding it to a record page 8:56 Final Output
Click a chapter to jump to it
Watch on YouTube

What you will build

Build a visual list of an account's contacts with the Avonni Avatar Group, and place it on the account page. For Salesforce admins who want a better contact view on records.

  • A text input variable for the account record Id
  • An Avonni Header and the Avatar Group data source
  • Data mapping for names, details and images
  • Clickable items with an item click interaction
  • The flow added to the account record page

Before you start

The Avonni Flow Screen Components package.

Transcript

Show the full transcript
In this video
Flow Screen Components
See the component
Documentation
Read the step by step docs
See it as a use case
No items found.
Build it in your org

Free in sandboxes, 10 free production licenses.

Start free
Keep going

Related tutorials

Build a Salesforce Advanced Related List in a few clicks with Flow Builder & Screen Flow
15:39
Screen Flows

Build a Salesforce Advanced Related List in a few clicks with Flow Builder & Screen Flow

A related list built as a screen flow: search, filters, a button that opens a flow panel, and images.

Intermediate
Tutorial
Auto-Generate Barcodes & QR Codes in Salesforce Screen Flows with Avonni: No Coding Needed
6:52
Screen Flows

Auto-Generate Barcodes & QR Codes in Salesforce Screen Flows with Avonni: No Coding Needed

Generate a barcode or a QR code from a record field in a screen flow, then show it on the record page.

Beginner
Tutorial

Find your next tutorial

Browse the whole library, filtered by where it runs and what you want to build.

All video tutorials