Skip to main content
All CollectionsDesign & Development - StudioPage Builder Template
How to: Page Builder Layout Options - Basics
How to: Page Builder Layout Options - Basics
Updated over 11 months ago

Page Builder is our most versatile template - there are as many different ways to configure this template as you can think of! Learn how to lay out the foundation for your activity, page, or report!

Need some examples for inspiration before you learn the "how to"? Click here:

How to create your Page Builder layout

VIDEO: SEE IT IN ACTION

DIY STEPS

  1. Login to Studio

  2. In the wire flow tab, add a “Page Builder” template to your state.

  3. In the “Page Builder” template edit screen, you start with a blank slate.

  4. There is always a Title and Subtitle at the top of the page.

    1. In the middle section, the default is one Row, there you can begin to create your page layout by adding more Rows & Columns

  5. Add a row by clicking the 3-dot Drop Down and choosing "Add row".

  6. To add a column within that row, click the 3-dot Drop Down and choose "Add Column" (up to 4 columns).

  7. To move a row or column, click the 3-dot Drop Down and choose your desired arrow options.

  8. To change the column distribution widths, click the 3-dot Drop Down and choose "Row Settings" and then choose your desired width layout.

  9. Each Row or Column becomes a field where you can add your custom elements like text, pictures, videos, inputs, or charts.

Did this answer your question?