ActivePresenter provides three types of variables which are True/False, Text, and Number. If you haven’t known what they are yet, please refer to this tutorial to see a complete overview of variables in ActivePresenter 8. In today’s tutorial, I am guiding you through how to use True/False variable to control the next button, which is quite a common task in designing an eLearning course.
Let’s suppose that you want learners to advance to the next slide only after a specific event has occurred. For example, learners can only click the Next button to move to the next slide after they have clicked both rectangles in this slide.
For that to happen, you need to use a true/false variable for each shape and change the variable value from false to true when the shape is clicked. Then, for the Next button, add conditions to the Go Forward action so that it only takes learners to the next slide when both variables are true. For details, do the following:
1. Create True/False Variables
In the Home tab, click Variables. As the slide has two shapes that you want learners to click, create two true/false variables as below. Set their initial values to false.
For more information about adding variables, please see How to Add Variables in eLearning.
2. Assign Actions to Adjust the Variables
Now add actions to each shape that adjust the variable values to true when learners click the shape. To do so, click the Properties pane > Interactivity > Events – Actions. Select each shape, then add the On Click event and the Adjust Variable action as follows.
For more information about events and actions, see Working with Events – Actions.
3. Add Conditions to the Go Forward Action
After adding 2 actions to the 2 shapes, you now have to set conditions for the Next button. You want to prevent learners from advancing until they fulfill all of the requirements. In this case, they need to click both rectangles. So, add two conditions to the Go Forward action.
For details about conditional actions, see Working with Events – Actions.
4. Deselect the Auto Advance option
You need to uncheck the Auto Advance checkbox so that the slide will wait for the user’s action to advance to the next slide. Do either of the following to turn off this option:
In the Transitions tab, deselect Auto Advance. Or in the Properties pane of the slide > Slide Properties tab > General section, uncheck the Auto Advance option.
At this point, just go to the Home tab and click HTML5 Preview to preview your course. And you can see that it’s so easy to control the Next button using true/false variables.
Another Way: Use Object States
Other than using variables, you can use object states to control the Next button instead. Just follow the following steps:
Step 1: For each shape, create a Clicked state that appears when learners click the shape. See Working with Object States for more information.
Step 2: Add actions so that when learners click the shapes, the Clicked states show. To do so, add the On Click event and the Change Object State action.
Step 3: Add conditions to the Go Forward action. The action occurs only when the states of the two shapes are equal to “Clicked”.
Step 4: Deselect the Auto Advance option
Do either of the following to turn off this option:
In the Transitions tab, deselect Auto Advance. Or in the Properties pane of the slide, General section, uncheck the Auto Advance option.
That’s it! There is more than one way to control the Next button, but using true/false variables eases this task, doesn’t it? Stay tuned for coming tutorials on how to use variables in ActivePresenter 8.