Page layout — Presentation

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 presentation component.

Presentation

The presentation component lets us show rich text and images to users.

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

We can insert an image by clicking Insert and selecting Image in the content editor.

Images are uploaded as assets.

Images we upload in the presentation component have the .img-responsive class applied by default added at runtime, and scales with the parent element automatically.

Goody bag
  1. Sample flow – https://flow.manywho.com/c5a50df2-f24b-4342-9fbd-1c91747ac0cf/play/default/?flow-id=5358483c-7c0a-4d42-be5f-ab4b217d1c51
  2. Sample package – https://s3.amazonaws.com/mw-documentation/flow-examples/presentation.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.