Set Section height and content alignment in Flow

Steps to adjust the display height of a Section on a Flow page as well as set how the Section's content will align vertically within the Section's display height.

Tips for controlling the display and design of Sections with Dividers

Steps to edit the content in a Tab Set component.

Steps to edit the content in a Tab Set component.

When editing the content in Engage Components you enter a special Edit mode on the Stage.

When you are finished with the content edits you use the Exit button in the breadcrumb to leave the Edit mode.

Steps to change the background fill color on a Section in a Flow Page.

For this lesson the page has a Decorative Header section added to the top of the Page from from the Add Your First Section options on a blank page plus a second section added below that.

You can set a background fill color on any Section on a Flow page using these same steps.

Use these steps to create your own non-linear-navigation courses

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

A very dramatic responsive design idea is to use an image as the background behind a section.

If you add a parallax effect, as the user scrolls down the page the background image and the content over it will scroll at different speeds. This creates a sense of depth.

This lesson outlines the steps to add an image background to a Section on the Flow page and set it to a slow parallax effect.

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