Insert an Image within a Text Element

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.

There are a lot of use cases for providing documents or files for learners to download or open as part of a learning experience.

One way to do this is to add a Link to File action to an element, which will open the file when a learner clicks on the element.

You can link to any file from the Media Library, including documents, PDF files and media like image, audio or video files.

Many themes have a Resources button under the Menu options.

When you set a button (or other element) with a ...

The Cocktail Party Effect

Steps to edit text in a Text Element.

The changes you make are saved once you leave the Text Element.

Steps to add a label to an Image Element.

The label is added as a layer within the image element.

If you move the element on the page, the label will move as well and remain in its location above the image.

Quick access to add elements over the image, formatting, editing, actions and more

Steps to add a Popup to an Element within a Video.

Steps to add an Icon to a text element.

The Icon collection is font-based, so it will take on all the text styling settings that you apply.

Steps to edit a Text Element.

This lesson is shown in a Claro project, but the same steps apply to Flow projects.

Steps to add an Icon to a Text element.