Steps to replace an image used as a Section background

You can easily add options to the My Favorites list as well as remove items at any time.

The Favorites lists are separate for Claro and Flow.

Adding something to the Favorites list in one authoring option doesn't add it in the other authoring option.

Steps to set a button element to show a Pop Up and display a variable string as feedback.

Steps to add a standard button to a Placeholder on your page.

Steps to assign a Text Input box to a Variable to track what the learner types.

Steps to add a Text Input box to a Placeholder on your Page.

Flow allows you to control what content on your page gets shown at different breakpoints. It’s quick and easy to Hide content this way.

In this lesson we’ll set a graphic to be hidden when the page is viewed within the Extra Small breakpoint range.

You can create a custom Section by adding more Rows to an existing Section.

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

You can create your own custom Section layouts in Flow.

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

This lesson outlines how to do add the first row, an H1 header.

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 edit the content in a Tab Set component.

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

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 layout to a Page.

The Page Structure shows the Sections on the Page, and their Rows, Groups and Elements.

Adding a background image to a Section on a Flow page is a great design idea. But images are often very complex visually and it can be hard to read text over them.

One way to help the text be more readable is to add a background color with a transparency setting to the text. The background helps the text stand out against the image while the transparency means the image can still be seen behind the text, providing an effect of added depth to your page.

In this lesson we’ll add a transparen...