Adding an Oversized Image to Claro

You can have Elements on any Page targeting multiple learning audiences or contexts

In this lesson you will see how to use the media browser to add a description and tags to an image.

Steps to add a Marker within an Image.

You can add the following elements within an Image: Label, Marker, Hotspot, Image, Stock Images, Character, Speech Bubble, Thought Bubble, Clipart, Icons, and shapes.

NOTE: If you have an action with an on-click trigger set on an element layered over an image (for example, a hotspot) plus an action with an on-click trigger set on the image element as a whole, both actions will be fired when the learner clicks on the layered element.

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 Actions such as showing or hiding content.

NOTE: If you have an action with an on-click trigger set on an element layered over an image (for example, a hotspot) plus an action with an on-click trigger set on the image element as a whole, bo...

Steps to add a new Layer to a Claro Page.

The Layers feature lets you group together elements on a Claro page to better organize the page or to target for actions like Show or Hide.

Steps to add an HTML Widget Element to a Flow page.
The same steps can be used for Claro pages, except that the element can be added directly to the page (no placeholder is needed).

"Is it possible to create a tooltip for an image or a hotspot?"
 

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.

Hotspot image question pages can be used as either scored Test Questions or as non-scored Practice questions