Add a Label to an image

Steps to add a Hotspot to an image.

You can add hotspots as a layer over an image. If you move the image the hotspot will remain in the same location in relation to the image.

Once you have added a hotspot you can use it as a trigger for a wide range of Triggers and Actions such as showing or hiding content.

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 use drag and drop to upload and add an image to a Page.

In Claro you can drop the image anywhere on the page. In Flow, you need to drop the image on an empty Placeholdeer.

The image upload process will allow you to add a Description and keyword Tags to help improve how the image appears in searches in the Media Library.

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 add a Table to a Page in either Claro or Flow.

Steps to add a Paragraph Element to a Page.

The name of this feature can be confusing, as it suggests a Body Type element. Although it is added as a Body Type, you can change that to any other Type.

A Paragraph element is different from other text elements because Paragraph elements have a unique set of special effects that can be applied.

Because of those effects, the formatting options are more limited for a Paragraph element than a regular Text Element.

Steps to add an Audio Narration file to a Page.

This automatically sets the audio file as Narration, in Autoplay mode and with Full Controls.

For Claro projects, it also switches the Timeline below the Stage to synchronize to the audio narration file rather than the default page timing.

You can have mulitple audio files on a Page but only one can be set as Narration.

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

Steps to add a new Text Element to a Page in Claro and Flow.

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.