Display Flow Stages with Progress Indicator in Flow Screen
Do you know that now you can show your flow’s progress by writing a simple aura component that will track flow stages and display the progress? In this post, I am going to show you how you can quickly configure this in your flow. Create the Aura ComponentThe good news is that Salesforce already provides the code which you can reuse and create your own Aura component. You can get the code here.Creating the FlowYou need to create a screen flow. Configuration steps are given below -Create StagesFor the flow we will be creating, let’s assume we have three stages as -Stage: About Me with Order: 10Stage: Upload Photo with Order: 20Stage: Update Address with Order: 30Below is the screenshot of the “About Me” stage. You can create other stages the same way, just remember the order as this will define how the stages will be displayed on your flow screen.Create the First ScreenNow you can create the first screen and add the lightning aura component which you have already created as mentioned in the first step. The aura component which I developed is “DisplayProgress”.API Name – You can put any nameCurrent Stage – {!$Flow.CurrentStage}Stages – {!$Flow.ActiveStages}Manually assign variables (advanced) – This should be checkedNote – Do not put anything under “Store Output Values to Select Variables”Create the AssignmentNow when your user will click next on the first screen, you will move...
Read More
