Setup a Clickable Progress Indicator with Router - Salesforce Screen Flow Tutorial
In this tutorial, you'll learn how to make your flows easier to navigate by adding a clickable progress bar.
➡️ AVAILABLE FROM THE APPEXCHANGE: https://appexchange.salesforce.com/li...
What you'll learn:
How to set up variables for progress tracking and style control
Using a router decision element to direct flow navigation
Integrating the Avonni Progress Indicator component
Creating clickable interactions within your progress bar
Building a user-friendly flow that allows users to jump between steps
How to change the appearance of your progress indicator using a variable.
00:00 - INTRODUCTION
01:17 - CREATING THE VARIABLE TO DEFINE THE CURRENT STEP
01:45 - CREATING THE VARIABLE TO DEFINE THE PROGRESS INDICATOR TYPE
02:45 - CREATING THE PROGRESS INDICATOR STEP COLLECTION
04:50 - ADDING THE ROUTER DECISION
06:25 - ADDING THE SCREEN 1
10:42 - ADDING THE SCREEN 2
12:23 - ADDING THE SCREEN 3
14:10 - CONNECT THE SCREENS TO THE ROUTER
14:40 - SETTING UP THE NEXT SCREEN FLOW INTERACTION
15:35 - FINAL RESULT
15:56 - CHANGING THE PROGRESS TYPE VALUE ON THE VARIABLE
By the end of this tutorial, you can add this powerful component feature to your Salesforce Screen Flows, improving the experience for everyone using them!