The short answer...

Adding a background 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 so the effect is added depth to your page.

In this lesson we’ll add the transparent backgroun...

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 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 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 set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.

A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.

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 assign the value of a Text Input box to a variable so it can be saved and used later in a course or other project.

In this example, we've previously added the Text Input box to the page.

dominKnow | ONE doesn't automatically create a variable and assign it to the Text Input box because we can't predict what your design intention is. You might wish to use a variable already created on another page in the same project, for example, or you may not even wish to save the typed-in text a...

During this episode of IDIODC, the gang brings on special guest Tanya Seidel to chat inclusive design and accessibility. This session will focus on some of the easier things you can do in development that have a big impact on a course's accessibility.

Some helpful resources for creating your own eLearning Voice Over. (Photo by Gavin Whitner)

Steps to add a Glossary definition to a word. Learners will see the word underlined. When they roll over the word, a shortened version of the definition will be shown. If they click the word, a full definition will be shown in a Pop Up panel above the page. For courses, the term will also be added to the course's Glossary list available on the Menu of the Course Player.

In time of overloaded schedules, smartphones and on-demand resources everywhere, it is getting more and more difficult to get through to our learners. L&D programs need to be ruthlessly relevant in today’s world.

Following up on last year's conversation about the differences between ISD in Higher Education and ISD in Corporate/Enterprise environments, Cara North joins the conversation for the second time. Also going over the amazing interactive presentation she gave at TLDC19 that is so highly rated. It's a mystery... so you'll have to join us to learn more.

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

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.