Forum Discussion
Slide layers query
Hi all. I have a slide, with layers, which I want to ensure people view each layer and if the learner tries to jump ahead a pop up will appear to let them know they need to click on each number before progressing. I've watched a few video's and thought I'd look again this morning with fresh eyes and now I can't find the video I was hoping to watch again. So, now I'm reaching to see if anyone can help me and record their steps so I can recreate and learn as this is a feature I could use many times over. Thank you in advance for your assistance. Test file
3 Replies
- PhilMayorSuper Hero
You don't need variables to achieve this just use the visted state, I also wouldn't use a popup, I would disable the next button and the add a trigger to change to normal when all states are visited.
The popup just adds more cognitive load, users know when a state is disabled they have to do something to move forward. - wasifali758595Community Member
You’re describing a classic “click-to-reveal with restricted navigation” setup, which can be done in tools like Articulate Storyline (or similar authoring tools with layers and triggers). The idea is to track whether all clickable items (numbers, buttons, hotspots, etc.) have been visited before allowing the learner to move on. Here’s a step-by-step approach you can recreate:
- Set up your layers
- Put each piece of content on its own layer (Layer 1, Layer 2, Layer 3, etc.).
- On the base slide, place the clickable objects (numbers, icons, buttons) that will reveal those layers.
- Track learner progress
- Create a True/False variable for each clickable object (e.g., Visited1, Visited2, Visited3) with the default set to False.
- Add a trigger on each clickable item:
- When user clicks,
- Show the corresponding layer.
- Adjust the matching variable to True.
- When user clicks,
- Control navigation
- On your Next button, add a conditional trigger:
- Jump to next slide only if all Visited variables are True.
- Add another trigger:
- Show a popup layer (with your message: “Please view all numbers before continuing”) if the learner clicks Next and not all variables are True.
- Design the popup
- Create a simple layer with your message.
- Add a Close button that hides the popup and returns the learner to the base layer.
- Test the flow
- Click each number → variable flips to True.
- If you try Next too early → popup shows.
- If all are visited → you can move forward.
✅ This ensures learners interact with every numbered item (layer) before progressing, and the popup makes the instruction clear.
- BridgetCommunity Member
Thanks so much Wasifali. Where I'm getting myself caught is at the bold point below as I can't work out how to do that.
- Add a trigger on each clickable item:
- When user clicks,
- Show the corresponding layer.
- Adjust the matching variable to True.
- When user clicks,
- Add a trigger on each clickable item:
Related Content
- 7 months ago
- 2 years ago