Creating outcomes

An outcome lets the user running the app move from one map element in the flow to another, or from one map element into another flow.

In your app, the outcomes get converted into clickable buttons. Some elements (like Load or Save, that handle backend database actions and are not visible in the front end), do not have any buttons that are visible in the app, but must still be connected using outcomes.

Outcomes can be combined with business rules to determine the path of execution based on pre-determined logic.

Here is how we create an outcome:
  1. Hover your mouse on an element in the canvas. The mouse pointer changes from a crossbar to a hand. The element is outlined in green. (In the image, we are hovering the mouse on Step 1.)
  2. Drag an arrow from that element to the element you want to connect. This opens a configuration panel on the right-hand side.

    You can configure a name and label for the outcome from the configuration panel. The label is rendered as text in the button. The name is used as an API reference. The configuration panel does not show the field for Label for the outcome from the Start element and for elements that are not visible to your user.
  3. Enter a name and label for your outcome. The name and label can be the same, or different, based on your requirements. Example: Type Yes in the Name and Label fields.
  4. Click Save Outcome.

    This saves the outcome.
    You can see an arrow from Step 1 to Step 2 with the legend ‘Yes’ on the canvas.

    This is how the outcome is rendered in the app:

    Clicking on the ‘Yes’ button takes you to Step 1A.

A flow begins with the Start element, which is fixed on the canvas. The first outcome in the flow is the outcome of the Start element, which connects an arrow from Start to the first element you place on the canvas. The first outcome is typically called ‘Go’, but you can call it anything you like.

All your flows will have at least one outcome, connecting the Start element to another element in the canvas. However, you can not have an outcome connecting any element back to the Start element.

You can have only one outcome for the Start element – this begins your flow. Subsequent elements can have multiple outcomes.

This is how the outcomes are rendered in the app:

You can have an outcome both to and from the same two elements. A simple use case for this would be Previous/Continue buttons.

This is how the outcomes are rendered in the app:

Not all elements in the canvas need to be connected with outcomes. For example, you can have a flow like this, and add a navigation:

This is how the app for this flow is rendered: