Page layout — Radio

Flow components let us split our app UI into independent, reusable pieces. A page layout in Flow has the following components:

Content – Hidden | Presentation | List | Outcomes | Image
Input – Input | Radio | Checkbox | Toggle | Text | Rich Text | Combobox
Data – File Upload | Table | Files | Tiles
Charts – Bar | Line | Pie | Doughnut | Polar Area

Let’s take a look at the Radio component.

Radio

You can create a mutually-exclusive list selection with the radio component.

Drag and drop the radio component to a container in the page layout.

Like with other components, this opens a configuration panel on the right-hand-side that lets you customize the component.

This is what the radio buttons look like in action:

As you can see, radio buttons can be both single and multi-select. To enable multi-select option, check the option under Settings in the configuration panel, thusly:

The data to populate the table can come from either a service (like Salesforce) or from a list value. You can select the data type and source from the configuration panel that opens on the right-hand side when you drag and drop a table component to a container in the page layout. Here is an example:

Goody bag
  1. Sample flow – https://flow.manywho.com/c5a50df2-f24b-4342-9fbd-1c91747ac0cf/play/default/?flow-id=4d3a40a4-d1f8-472c-bc70-811a6c438607
  2. Sample package – https://s3.amazonaws.com/mw-documentation/flow-examples/radio.json

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 need 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.