Forum Discussion
Visited States
I am hoping for someone else's insight on a project I am working on. I am having 2 issues.
Issue #1. I have 2 slides that are identical in outward appearance. The first slide titled Major Muscle groups have hotspots over labels that lead to layers. I added states so that when a hot spot is clicked, the label color changes to indicate it has been visited. I want the second slide of the same title to function the same way (except this time I am using the triggers to jump to slides instead of revealing layers.) Except that I can't get the label colors to change. I tried duplicating the slide that does work correctly as well as deleting all the states and triggers and recreating them. But I can't seem to make it so that when a label is clicked and the color of the label changes.
Issue #2. Back to the first Major Muscle groups, I have next button that I have set to be disabled when the timeline starts on the slide. At first, I set a trigger so that when my "label" text boxes are in a visited state, the button state should be normal. However, it is not working.
Would anyone have any insight on what I am missing to fix this?
3 Replies
- NedimCommunity Member
Fix Issue #1:
1. Set slide properties to Resume saved state2. For all hotspot click events, change the order of triggers so that the state change (e.g., setting a button to Visited) occurs before the Jump to slide trigger. Example:
Fix Issue #2:
Why use this trigger? Instead of jumping to the same slide, you can simply hide the layer by clicking the Back button to return to the base layer. Using a trigger to jump to the slide will reset all progress—for example, if a button is set to Visited, jumping to the slide will reset it to Normal, unless the slide's properties are set to Resume saved state, which is unnecessary in this case.Change the trigger on all layers to: Hide this layer when the Back button is clicked. This way, your trigger to change the Next button state to Normal will work as expected.
Overall Improvement:
I've attached a cleaner version of both slides, this time without the hotspots. I kept the text boxes, as each already has a Visited state applied. Clicking a text box automatically activates its Visited state without the need for additional triggers. Overall, all redundant objects such as hotspots and their associated triggers have been removed. - JudyNolletSuper Hero
Based on what I see in Review 360, here's what I suggest:
Don't use hotspots. Instead, have the desired triggers run when the user clicks the labels. Because you already gave those a Visited state, each one will change automatically to Visited when clicked. In other words, the labels are your buttons.
When the user doesn't leave the slide, you can use the objects reaching the Visited state as the "when" in a trigger. Here's an example:
When the user jumps to other slides and then returns to the slide with the buttons, use a "when the timeline starts on this slide" trigger with conditions to control the Next button. Here's an example:
- Notice that the conditions are connected with "or." That means the action will be performed (e.g., Next will be disabled) if any condition is met.
- A "when the timeline starts on this slide" trigger will run every time the user visits a slide. That's true even if the Slide Properties are set to "Resume saved state."
For additional info:
- TIP: Controlling the NEXT Button 101 | Articulate - Community
- TIP: Create a Custom Menu Slide | Articulate - Community
- PRIMER: Hotspots vs. Transparent Shapes | Articulate - Community (for when there aren't separate labels or other objects for the user to click)
- EricSchaffer-d1Community Member
OK, I looked at Major Muscle 1 and see how it works. The next button didn't work for me, so I jumped to the next slide by clicking on the menu to Major Muscle 2 and see as I click on the body areas there is no change in States. First, I would check and if needed check your states on the second slide. It may be going to Visited, but the Visited state may be the same as Normal.
Next, I don't like using/adding a Next button. I like to restrict the Menu, so the standard Next button is not active until the timeline is done. I change the Next trigger to switch from Inactive to Active after all layers have been visited.
Good luck, if you need any just reach out.
Related Content
- 5 months ago
- 7 months ago