Add a Standard Button to your page

Steps to add a Basic Text Input box to a Flow page.

A learner will be able to type text into the Basic Text Input box on the Page.

In this example, we add the Text Input box as a new element in an existing Group on the page.

Steps to add a Table to a Page in either Claro or Flow.

Steps to add a blank Header and Content section to a Flow Page.

The Header and Content layout has a Header field and single, full-page width body content field.

Steps to add a Paragraph Element to a Page.

The name of this feature can be confusing, as it suggests a Body Type element. Although it is added as a Body Type, you can change that to any other Type.

A Paragraph element is different from other text elements because Paragraph elements have a unique set of special effects that can be applied.

Because of those effects, the formatting options are more limited for a Paragraph element than a regular Text Element.

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.

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 new Text Element to a Page in Claro and Flow.

Steps to add a Tab set component from the Engage tab to an empty Placeholder on a Flow Page.

Engage components have their own internal responive behavior when used in Flow pages. Tab sets, for example, can change from a horizontal tab set to a vertical accordion menu based on breakpoint. This provides a better user experience on a narrower screen such a smartphone held in portrait orientation.

Steps to add a Card Component to a Page.

Cards are one of many components available on the Engage tab.

The learner can interact with a Card by selecting the button within the card if applied.