Forum Discussion
Problems with states: "visited" state doesn´t work
I have a slide here with tabs interaction and the corresponding layers. The buttons are assigned with the following states: Normal, On Mouse Touch and Visited. But unfortunately the visited state doesn´t appear in gray colour as they should be.
Can anyone give me a tip what´s wrong?
And further question: there is audio on every layer. Is there a way to ensure that the additional buttons cannot be clicked until the current layer's audio has ended?
11 Replies
An object with a Visited state will automatically change to that state when it is clicked.
The reason you're not seeing all the buttons as Visited is because there is a full set of buttons on every layer. Thus, a given button will only show as Visited on the layer where it was clicked.
The solution: only use the set of buttons on base.
[Note: I deleted info from this comment about using semi-transparent shapes to prevent clicking. As Sam pointed out, that doesn't disable keyboard navigation. See Sam's reply for how to disable/enable the buttons while audio plays.]
Hi JuliaGottsch928 just to add my 2 cents. Placing a semi-transparent shape over the buttons isn't good for accessibility as it only blocks people who use a mouse from accessing the buttons. People using keyboard to access the content will still be able to access buttons under a semi-transparent shape.
The way the content is structured also causes some issues for accessibility, which can be easily resolved. On each layer, you have duplicated the buttons. I don't think this is necessary, as the buttons are present on the base layer, which can be used when the other layers are opened.
To prevent users from selecting the buttons temporarily, you would have to either:
- Set the buttons to a disabled state temporarily, or
- Use a variable to determine if the button will either a. Show the target layer, or b. Display a message saying the button isn't available yet.
I've put together a demo with #1. For the visited state, I just added a small tick icon. There are two key layers added which just run triggers, either Disable ALL (buttons) or Enable ALL (buttons). The enable all checks the variable values you are setting to determine whether the button should be enabled to Normal or Visited.
Using the base layer with the buttons allows you to remove multiple duplicates of triggers and buttons and keep the layers focused on the unique content.
SamHill : Thanks for pointing out the accessibility issues with semi-transparent shapes.
JuliaGottsch928 : Here's another option to do it mostly Sam's way but without variables:
- Add the tick icons as separate objects on the slide, with an Initial State of Hidden.
- On each button, add a trigger that changes the state of the corresponding tick icon to Normal when the button is clicked. Or have the trigger run at the end of the associated timeline.
- Use the "when [icons] = Normal" to determine that all layers have been viewed.
Dear Sam & Judy,
Thanks a million for the quick and great help. I would never have come up with the solution on my own, thank you so much!
Hi all, may be you had this problem, I have a slide with different objects on it and for each object i have set triggers like, Emphasize object when timeline reaches time (this works perfectly), Set the state of object to visited, when user clicks and then set true false state (with false default state) to true when the user clicks and also jump to the slide when the user clicks. all triggers work except the visited state one, when i click on it and jump to another slide and then return, the button state is not changed. can you help me out here please, any advise :)
When an object has a Visited state, it will automatically change to that state when clicked. You don't need a trigger to do that.
Based on your description, it sounds like the Slide Properties are set to "Return to initial state." That would change objects back to their initial state (e.g., Normal) when the user returns to the slide. To prevent that, use "Resume saved state." There's more info about that here: Storyline 360: Adjusting Slide Properties | Articulate - Community
Thanks you, Judy, i have already changed slide properties to Resume saved state and the reason why i have set separate triggers to Visited state, is that this did not work and i thought it might work with triggers, however no luck. Is there a chance that triggers have conflict between each other?
my triggers for different objects on the slide look like this (i tried different options, here reset to initial😅) i see that the object changes the state, when i click on it (just a second), then it jumps to slide as set and when i return to initial slide, the rectangle changes its state to normal
