Set a Button to Increase a Variable by 1 When Clicked

Steps to set an element to increase a Custom Variable by 1 when the learner clicks on the element.

In dominKnow | ONE, you create a Custom Variable as part of setting up the first action that will set its value. (You don't need to create the varibale first then create the action to set its value.)

In this example the action is set to fire only once so if the learner clicks on the element more than once, the variable's value isn't increased after the first time click.

After this first actio...

Steps to set a Page to evaluate a Custom Variable and when it equals the required value to trigger an Enable Next Player Control action.

In this use case, we have three buttons on a page and we want to know that all three have been selected before we allow the learner to leave the page. Before this lesson we set up actions so that as the leaner clicks each button a custom variable is increased by 1. Once all three buttons have been clicked the variable's value will be 3.

This lesson outline...

You can use a button to set a Boolean variable to True or False. In this example, we're setting the Variable to True to track that the learner competed the Page by using the Return To Menu button. We can then evaluate the Variable's state on other pages and use it to trigger other events.

Steps to set a Marker on a Video to increase a Variable.

You can use this when you want to launch an action after an Element(s) within a Video is clicked.

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 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 assign the value of a Text Input box to a variable so it can be saved and used later in a course or other project.

In this example, we've previously added the Text Input box to the page.

dominKnow | ONE doesn't automatically create a variable and assign it to the Text Input box because we can't predict what your design intention is. You might wish to use a variable already created on another page in the same project, for example, or you may not even wish to save the typed-in text a...

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

Steps to use the Show Variables setting to display either the default {x} variable placeholder or the full variable string in a text element.