Set up a Show Action on a Button or other 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 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.

Scenario:

We're using a single in-line text input field with an associated variable (per screen) instead of the standard Short Essay question template (we have reasons for not being able to use the template, mostly to do with being unable to disable the default template pop-ups)
We want to have feedback displayed when a custom Submit button is clicked and we want that feedback to stay visible even after they navigate away and back to the screen. This is so they don't have to click on the S...

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

Create unique and engaging learner experiences by showing Target Pages as content in a modal window over your main page

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.

Steps to set a button to show a Pop Up panel as well as include the text string saved to a variable as part of the feedback text on the Pop Up panel.

A Pop Up panel gets shown as a modal window above the main page, which will be shown as grayed-out while the panel is open.

Steps to set a button element to show a Pop Up and display a variable string as feedback.

Speed up development time by using Baseline Projects as your own template library for Sections or Layers

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.