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.

Steps to confirm a Section's display height and set its content to align to the bottom of the Section height.

(This lesson is for the 7.4.6.0 release.)

Add interesting visual design to the transition between Sections on your page

Steps to change the top or bottom dividers 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.

Any Section on a Flow page can have top and/or bottom decorations, so you can use these steps to add top and bottom decorations on any section. (In general sections added to a Flow page have the top and bottom decorations turned off/se...

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.

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

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.

Hi everyone
In a Flow project, I am currently using two different headers for two different types of pages. What we've recently noticed is that when we switch from a page with a header to a page with no headers, there is a delay between when the header disappears. The header from the previous page remains for a few seconds.
If there a location within DK where a setting has to be disabled or is this meant to happen? The header is a simple image
Thanks

 

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.