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 add a Marker within an Image.

You can add the following elements within an Image: Label, Marker, Hotspot, Image, Speech Bubbles, and Icons.

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

Steps to add a Special Character such as a symbol 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.

Steps to add a new element to an existing Group on a Flow Page.

This lesson outlines adding a Text element. The same steps can be used to add an image, video or any other element type.

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.

Steps to set a background (fill) color on an element.

Setting a background color can be used for many visual effects.

In this example, we have a text element over an image and it's difficult to read the text.

We can add a background or fill color to help the text stand out more.

Giving the background color a slight transparency allows the image to still be seen through the text element, which can be an interesting visual design effect.