Video tutorials
/
Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code
Screen Flows

Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code

A screen flow with a map of accounts and a details panel that updates when you select an account.

Beginner
14:32
Tutorial
Build a Dynamic, Reactive Map in Salesforce Screen Flows with Avonni Components: No Code
Play video
Chapters
0:00 Introduction 0:35 Final Result 1:19 Creating a screen flow 1:25 Adding a Get Records Element 2:05 Adding a Screen Element 2:25 Adding a Section 3:05 Configuring the Avonni Map 5:35 Configuring the Avonni Illustration 8:10 Configuring the Avonni Header 9:47 Configuring the Avonni Formatted Value 13:17 Adding our flow on a home page using App Builder
Click a chapter to jump to it
Watch on YouTube

What you will build

Build a screen flow that shows accounts on a map and updates a details panel when you select one. For Salesforce admins who want a visual screen on a home page, built in Flow Builder without code.

  • A Get Records element that loads the accounts
  • The Avonni Map, configured to show each account
  • A details panel built with the Avonni Illustration, Header and Formatted Value
  • Details that update when you select an account on the map
  • The flow added to a home page with Lightning App Builder

Before you start

The Avonni Flow Screen Components package.

Transcript

Show the full transcript
In this video
Map
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 "No-Code" Salesforce Map for Instant Account Insights (Flow Tutorial)
11:10
Screen Flows

Build a "No-Code" Salesforce Map for Instant Account Insights (Flow Tutorial)

Accounts on a map colored by industry, with account details that open in a side panel on click.

Intermediate
Tutorial
Customize Map Markers in Salesforce Flows (Avonni Map Tutorial)
8:35
Screen Flows

Customize Map Markers in Salesforce Flows (Avonni Map Tutorial)

Change map marker colors and opacity in a screen flow, and color markers from field values.

Beginner
Tips & tricks
How to Create Reactive, Interactive Maps in Salesforce Experience Cloud with no-code
8:26
Experience Sites

How to Create Reactive, Interactive Maps in Salesforce Experience Cloud with no-code

On an Experience Cloud site, link a data table to a map so the map follows the user's selection.

Intermediate
Tutorial

Find your next tutorial

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

All video tutorials