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