Adding a Marker to an Image

Steps to add a Label to an image.

Instead of adding text within an image file you can add Labels when authoring. This is great for identifying or naming parts of a diagram, for example.

If you move the image on a Claro page or if it moves or resizes in a Flow page the labels will stay in position in relation to the image.

The text in the labels is also included in Translation export files, making it easy to translate the text (much easier than editing the image in another application to ch...

Steps to add an oversized high res image to a page.

By default when you upload an image, if the width or height is greater than 1200 it will be resized to 1200px in the largest dimension as part of the upload.
We do this to help ensure that learners aren’t faced with slow download times for images that are much larger than their display size in the content you make.

But sometimes you will have a use case for an image that’s larger than 1200px, so there’s a special upload process for that.

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.

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

Steps to insert an Image within a Text Element.

The text will wrap around the image, much like adding an image within a Word document.

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.

This lesson will show you how to delete a marker from the video timeline.

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.

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.