Insert an Image within a Text Element

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.

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 edit text in a Text Element.

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

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

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

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

Steps to add an Icon to a Text element.

Steps to set up a Show Action where the learner will click on a button to show another element on the Page.

This exampe uses a Button but any element can be set up as the item the learner will interact with, including text elements, image elements and more.

Similarly, this example Shows an image element but any element can be selected as the Target of the Show Action. You can also select multiple elements as targets, to Show more than one thing at a time.

You can display the value of a variable as part of a text element. In this lesson we'll set up a text element so it shows the text the learner types into a Text Input form control (their name) on the page as a simple example.