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.

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.

Steps to use drag and drop to upload and add an image to a Page.

In Claro you can drop the image anywhere on the page. In Flow, you need to drop the image on an empty Placeholdeer.

The image upload process will allow you to add a Description and keyword Tags to help improve how the image appears in searches in the Media Library.

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.

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

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 add a Table to a Page in either Claro or Flow.

Steps to add an Accordion Component to a Page.

Accordions are one of many components available on the Engage Tab.

The learner can interact with the Accordion component by clicking each tab to open the content within.

Steps to add an Audio Narration file to a Page.

This automatically sets the audio file as Narration, in Autoplay mode and with Full Controls.

For Claro projects, it also switches the Timeline below the Stage to synchronize to the audio narration file rather than the default page timing.

You can have mulitple audio files on a Page but only one can be set as Narration.