Not allowing user to click through steps before clicking in order

Jul 13, 2023

Hi,

I have 6 steps (boxes), each step has a layer. How do i set it up so that the user is not able to click ahead in the steps because they click them in order?

Then after that, how do i set it up so that they can't go to the next slide until the 6th step has been seen.

Hope that makes sense.

Really appreciate your help. 

3 Replies
Judy Nollet
  • Create a T/F variable with the default value of False.
  • Add a trigger that disables the Next button when the timeline starts with the condition that the variable = False. 
  • Set the Initial State for steps/boxes 2-6 to Disabled. (The Initial State dropdown is near the top of the States panel.)
  • On layers 1-5, add triggers that change the subsequent step/box to Normal at the appropriate time (for example, when the timeline of the layer ends). 
  • On layer 6, add two triggers:
    • One trigger should change the Next button to Normal at the appropriate time.
    • One trigger should adjust the variable to True. (This will prevent the Next button from being disabled if the user returns to the slide.) 

FYI: Here's more info about controlling the Next button: https://community.articulate.com/discussions/articulate-storyline/tip-controlling-the-next-button-101 

PWR Academy
Judy Nollet
 

Hi Judy, thank you very much for your assistance, I have added all triggers as suggested, however I am stuck on the last dot point, would you mind talking me through how to do this one?

  • One trigger should adjust the variable to True. (This will prevent the Next button from being disabled if the user returns to the slide.) 
Judy Nollet

The T/F variable is used to track whether the user has viewed all the layers. This is done so the trigger to disable Next can be programmed so it won't run if the user revisits the slide after they already viewed all the layers.

  • As per the 2nd bullet point in my earlier comment, the trigger to disable Next would look like this. (In this example, the variable is named "layers_viewed," but you can name it whatever you want.)

  • The trigger on the last layer would adjust the variable to True. That would look like this: 

FYI: If you add a Visited state to each of the steps/boxes, you could use that state for tracking instead of a variable. Here's how:

  • Note: If you use a Visited state, do not add triggers to change to that state. When a user clicks a non-disabled object that has a Visited state, the program will automatically change the state to Visited.
  • The trigger to disable Next would need conditions checking that the state of each box does not equal Visited. Those conditions should be connected with "or" (so that the trigger will run if any box isn't Visited). That would look something like this: 

  • The trigger to enable Next would check for all the states to be Visited, so it would look like this: 

Both methods (track with variable or with states) work. Which you choose is a matter of preference. 

For further info, you can find the User Guide details about trigger conditions and variables here: