
Example of FBB in Selection Mode (multi-select, not required)Įxamples of FBB in Selection Mode Common Featuresīoth Navigation Mode and Selection Mode have the following properties, all of which are optional:. Setting this value resets valuesto a list of one,, thereby removing any other selected values.įor selections with more than a handful or so of options, it’s probably better to use a checkbox group or radio buttons instead.
Used for convenience and to conform to the format of the standard components.
String used for single-select button bars. In single-select button bars, the list will contain a maximum of one element. list of strings with zero or one elements, or more if multiselectis enabled, containing any selected values in the FBB component. In Selection Mode, the component returns two properties: Clicking a button in Selection Mode does not cause navigation within the Flow. Selection Mode is comparable to other input elements like radio buttons or picklists, but uses a button group UI and allows for both single- or multi-select. Selection Mode is used to present users with a grouped set of buttons each representing a different selectable option. When the user clicks one of the buttons, their selected value is stored in the component’s ‘value’ property, and the user is navigated to a decision element where they can be routed based on their selection. The Flow Button Bar (FBB) component is shown on Decision Screen in the example above. View of a Decision element using the output from a Flow Button Bar to guide navigation.Įxamples of how to use FBB in Navigation Mode. Example of Flow logic in Navigation Mode. Example of Navigation Mode (horizontal). In horizontal orientation, the buttons can be aligned to the left, right, or center, and in vertical orientation an optional Description Text value can be displayed. Buttons in Navigation Mode can be styled with different variants, and the button bar can be oriented horizontally or vertically. This value can then be handled by a Decision element to route the user accordingly. It allows Flow admins to add one or more Lightning buttons to a Flow screen that, when clicked, return the value associated with that button and navigate to the next (or previous) Flow element. Navigat ion Mode covers the functionality provided by the existing component, and is used to replace and extend the functionality of the native Flow navigation buttons (Next/Finish and Previous). “a simple, lightweight tool that gives Flow builders the ability to present users with customizable navigation choices that go beyond the standard ‘Next/Finish’ and ‘Previous’.”įBB brings a more user-friendly interface, new features like icons and vertical buttons, and now offers two distinct “modes” of Flow functionality: Navigation Mode and Selection Mode.
The new and improved Flow Button Bar (FBB) builds on the existing “Custom Flow Navigation Buttons” component, which is: