

You don’t need to have a Next/Previous navigation at the bottom of the screens, because these header components are doing all the work. This scales to effectively any number of screens. It checks the value and routes the flow to the appropriate Outcome path. This is necessary because you’re going to have these directNavigationHeaders in each of your screens, and they all have to set the same single variable, because the Decision element is going to need a single thing that it can check.īecause each of the screens updates the same targetLabel variable, the job of the decision element is simple.
YOUTUBE NO FAST FORWARD BUTTONBAR MANUAL
In the example above, you can see that I have created a manual string variable called targetLabel to store the Selected Target.


The selected value (the one the user clicked on) is output as the ‘Selected Target’. These labels will be visible and will also be the values passed out of the component when the user transitions. You can provide a simple comma-separated list, as shown here, or a string collection. The upper red section shows the two options for providing labels to the visual button bar. The above property editor is for the header component. You can see I’ve added the directNavigationHeader on top and the directNavigationFooter on the bottom: Here’s a look at one of the screens from the demo flow above.
YOUTUBE NO FAST FORWARD BUTTONBAR HOW TO
(Optional) If you want to let users navigate the ‘normal’ way with Next and Previous buttons, you need to provide them via a custom footer (essentially a second custom button bar), so that the user gets the right behavior when they click Next or Previous (because navigation is handled by that central Decision element, you need to ‘pack’ the Next or Previous clicks with target information that the Decision element knows how to use).Every screen routes to this Decision element, and the Decision element uses the information provided by the button bar to determine which screen to route to next. You need a decision element in your flow that acts as a central routing hub.When the user clicks on a button, the button bar triggers an immediate forward transition. You need a navigational button bar that displays all of the screens that can be targeted.This is done using a central Decision element that serves as a router each time a screen transitions:Īs you can see, the entire flow has to be designed around this navigation partner, with each screen transitioning to the same routing Decision.īuilding a Direct Screen Access flow requires several elements: Clicking on any of the path chevrons at the top takes the user directly to the target screen.
