Add a Header and Content section to your page

Flow pages have no fixed height. You can add as much content as you need or want.

This means you can use scrolling as a design experience.

You see this in many modern websites, or even in social media apps where scrolling is the basic way of navigating content.

This lesson shows how to add a Blank section template to a Page.

Steps to add a pre-made Section to a Flow page.

There is a wide range of available Sections that can be used by following these steps. This example shows adding a Section with a Title and Subtitle.

Adding multiple Sections to a Flow page is a great way to create a longer, scrolling experience for your learners.

You can create a custom Section by starting with the Add a Blank Row option under the blue + sign at the bottom of your Flow Page then adding more Rows to that Section.

This lesson outlines how to add more Rows to the intial Section.

You can create your own custom Section layouts using the Add a Blank Row option available under the blue + sign at the bottom of a Flow page.

You start by adding the first Row you want to start with, then continue adding more Rows.

This lesson outlines how to do this.

Steps to change the Responsive behavior of a Section on a Flow Page.

In this example, we have a section that has a Header element and two body Elements.

We can set the body elements to switch to vertical orientation the Extra Small breakpoint range or at the Small breakpoint range.

Steps to add a List to a Page in Claro and Flow.

In a Flow page, the height of a Section is set by the height of the content it contains by default. You can override that default height, though, and tell the Section to behave as if its height is a ratio based on the height of the browser window it’s being viewed within. Along with that height setting, you can set the content within the Section to align within the Section’s new height. It’s a great design idea for creating a dramatic full-height Section on your page.


In this lesson we’ll s...

Steps to add a new Text Element to a Page in Claro and Flow.

Steps to add a Flip Card component to a Page.

A Flip Card is one of many options available on the Engage tab's Interactive Components section. It allows you to add a single Flip Card to your page.

The learner can interact with the card to flip it from the front side to the back side.

There is also a Flip Set component in the Widgets area of the Engage tab which we recommend using if you want to have more than one flip card. The Flip Set offers better control over matching height than you ...

Steps to add a Standard Button element to a Page.

In this example, we add the button as a new element within a Group that is already on the Page.