Adding Labels over an Image Element

Steps to add hotspots over an Image Element.

(This lesson is for the 7.4.6.0 release.)

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

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 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 an image as a Section background in a responsive (Flow) project.

(This lesson is for the 7.4.6.0 release.)

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.

You can also use these instructions to add and edit Labels on Video elements.

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 Icon to a Text element.

The Icon library includes symbols for copyright and trade mark as well as many currency symbols.

(This lesson is for the 7.4.6.0 release.)

Hi,
 

Is there a way to add spacers as row group elements? Currently the only way that i can see that you are able to add spacers is by adding a brand new section, with the spacer being added to the top of the section in its own row. What I'd like to do is create some spacing above and below an element (a coloured box) so it sits in the middle of a section that has a background image spanning the entire height.


Apologies if my description isnt clear, I'd upload an image to better explain...

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