We know, outcomes connect elements in the canvas and show how a flow progresses. Typically, when we create outcomes, we are creating buttons that take the flow forward (with descriptive labels like ‘Next’ or ‘Go’). What if we do not want to go forward? How can we add a Back button, to go back to a previous step? Elementary, my dear Watson. It’s as simple as adding a second outcome, and changing the order of outcomes.
We can change the order of outcomes after we have added outcomes (two, or multiple outcomes).
We will first add a Previous button to an element, and then change the order of outcomes.
If you like, let’s begin by watching a 61-second video. We can also jump directly to the instructions (right after the video).
Here are the steps to follow along. Let’s open our Flow tenant and get started.
Okay, let’s run the flow…
So now we have two buttons.. but it would sure be nice if we had the Previous button on the left.
Click the pencil icon in the Actions column for the Next outcome. This opens the configuration panel for Step>Outcome. Scroll down to Business Rules, change the order from 0 to 1, and click Apply Outcome.
Now both the outcomes have an order of 1.
Click the pencil icon in the Actions column for the Previous outcome. This opens the configuration panel for Step>Outcome. Scroll down to Business Rules, change the order from 1 to 0, and click Apply Outcome.
This is what the order of the outcomes look like now:
Click Save Step to save the changes.
Okay, let’s run the flow again…
We can see the Previous button is now on the left and the order of the outcomes have changed.