Gather Coordinates of an element on a page

Steps to edit a Timer to Show and Element on the Page.

A Timer can be added to a page to time a user, apply timed actions to elements, create a timed quiz and much more!

Steps to make an Element move using Page Actions and Timings with a Slider.

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 Snap an element to a specific location on a Page in Claro.

Steps to set a background (fill) color on an element.

Setting a background color can be used for many visual effects.

In this example, we have a text element over an image and it's difficult to read the text.

We can add a background or fill color to help the text stand out more.

Giving the background color a slight transparency allows the image to still be seen through the text element, which can be an interesting visual design effect.

Steps to add a Tab Set component from the Engage tab to an empty Placeholder on a Flow Page.

Engage components have their own internal responsive behavior when used in Flow pages. Tab Sets, for example, can change from a horizontal tab set to a vertical accordion menu based on breakpoint. This provides a better user experience on a narrower screen such a smartphone held in portrait orientation.

Steps to delete an Element from a Page in Claro.

Steps to set a background (fill) color on an element.

Setting a background color can be used for many visual effects.

In this example, we have a text element over an image and it's difficult to read the text.

We can add a background or fill color to help the text stand out more.

Giving the background color a slight transparency allows the image to still be seen through the text element, which can be an interesting visual design effect.

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.

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.