Edit an Action

Steps to set an action to show a page element when the learner clicks on a hotspot added over an image.

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.

After you've set up an Action you can change the Trigger at any time.

In this example we have previously set up an action to show a text element when Button 1 is clicked. We'll change it to be triggered by Button 2 instead.

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

Make it easy for learners to send an email if they have questions or need more information

Layers allow you to group Elements together on a Claro page to organize the page or allow for easily targeting for actions.

This lesson shows the steps to assign a Show action to a button, targeting a Layer.

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

Hi,
I'm trying to change the background colour of an input text box when the string that they input equals a pre-defined value (i.e. I'd like to have the input text box turn green when they enter the correct string).
I can get the two parts of this problem working independently (colour change and string check trigger) but can't get them to work together. I've been able to successfully target and change the input text box background using the theme Add CSS functionality, and i can successfully...

You can easily set up inter-page branching using the Page Link feature.

Steps to add a Show Image in a Light Box action to a button.

When the learner selects the button the image will be shown over top of the main page in a Light Box or modal window.

You can add more than one image to this action. The Light Box will automatically switch to a carousel display so the learner can move from one image to the next.