Changing outcome order (Previous/Next buttons)

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.

INSTRUCTIONS


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.

Say, we have a flow with three steps and three outcomes.

The outcomes with the legend Next will get rendered as Next buttons. What we would like, is to create a Previous button for Step 2.

Let’s draw an outcome from Step 2 to Step 1 now. We will call this Previous.

This is what the canvas looks like now:

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.

Let’s go back to the canvas. Double-click Step 2 to open the configuration panel, and click the + sign to expand the Advanced options.

We can see the order of the outcomes here.

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.


Check out the glossary for a definition of terms and key concepts that appear in the Boomi Flow website, drawing tool, technical documentation, blogs, and marketing communications.

If you want to take a closer look, click on the images to enlarge them. Have a question? Click the Help button on the bottom right-hand corner of this page to ask.