Tutorial: Page conditions made super easy

Not to brag or anything.. but if were gushing about how easy and fast building apps with Boomi Flow is… well, you know what? The proof of the bragging is in the apps we build! Let’s spend around ten minutes to build an app that showcases page conditions.

What are page conditions?

Page conditions are similar to business rules. The difference is, instead of routing the entire flow based on business logic, we conditionally vary the components on a page that are shown to the user. In this short tutorial, we will check a box, to reveal a paragraph of text to the user.

When we are done building, this is what the canvas will look like:

This is what the page layout looks like:

Let’s get building!

  1. Click LOG IN to login to the Boomi Flow Drawing Tool. (To get free, fully-functional Boomi Flow tenant, please click here.)
  2. We will create a new flow using the ManyWho Identity Service. Let’s give the flow a name.. say, Page conditions.
  3. Bringing the page in…

    This opens a configuration panel.
  4. Copy-paste the text Page conditions: page in the Name field.
  5. Click New Page Layout. This opens a new tab called New Page.
  6. Click the gears icon on the right-hand-side.

    This opens the Settings screen for the page.
  7. Write Page in the Name field.
  8. Click Save. This saves the name of the page.
  9. Click the Save icon the right-hand-side navigation to save the page.

    The page name changes to Page.
  10. Drag a Checkbox component into the Main container.

    This opens a configuration panel for the page component.
  11. Copy-paste Check this box in the Name and Label fields.
  12. The Save the whole selection option under State should be checked.
  13. Click Select or create a new Value.
  14. Click Create a new Value.
  15. Copy-paste Boolean in the Name field.
  16. The What kind of Value is this? field should say.. yes, you guessed it right, Boolean.
  17. Click Save.
  18. Click Save Component.
  19. Let’s drag a Presentation component into the Main container.

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.