Storyline Accordian Template - Lock navigation tips
May 05, 2017
Hello - I often use the storyline accordion template and have never been asked to lock it down until now. I figured this would be simple because I often use triggered states to lock down layered slides I create on my own. The business owner simply wants the user to view all 4 tabs before the next button will let the user move on to the next slide. I have tried 4 different things and none of them have been successful.
I am better with states than variables so first I set the next button to only work after the tabs you actually click on (4) are in a state of "Down" (not on every version of that tab as it moves from layer to layer and the user will not be clicking on all 4 tabs on each layer unless revisiting). Next I tried the same thing but with tabs in the state of "Open" on each layer. States for this interaction are Normal, Hover, Down and Open. I then went to variables with a value and a then when that did not work, I tried a true/false variable. I admit I am not real good with variables but I copied it from another (different non storyline template) accordion interaction that worked.
Has anyone successfully locked the navigation of the storyline accordion template preventing a user from moving on to the next slide until they have viewed all tabs in the interaction? Please share. Thanks. :)
5 Replies
Hi Christina, thanks for your post! Using states should work, especially if each piece of the accordion is on a layer. Try adding a 'Visited' state, and trigger the next button to become enabled once all four tabs are Visited.
If you'd like some help with that, can you share a sample file here?
Alyssa,
I have a different question, I have added an accordion template to my storyline. All the tabs work, except the last one. I have been through all the triggers and nothing stands out. I am at a loss. I am attaching the file, please help!
Hi Lynda,
Happy to help! I jumped into your file and realized you're correct; there's nothing wrong with the triggers. But I did notice that every layer was set to 1.5 seconds on the timeline except for Tab 04. That layer was set to 10 seconds.
Once I adjusted that layer to 1.5 seconds like all the rest, the accordion interaction worked as expected!
Oh my goodness! I had a feeling it was something really small, that only a
trained eye could see. After a couple of hours on it, I knew I needed
help!
Thank you so so much!
Restricting the NEXT button. I was having a lot of trouble restricting NEXT by adding triggers for states because my states change. I came up with another way to solve this using an intermediate shape that changed state to visited, any time the learner clicked on the accordion (or in this case flash card.) The problem I was having before was that the cards would not stay in visited state, if the user flipped it back over. With this method, if they ever click on the card, it changes the intermediate oval to visited, which doesn't change, regardless of the state of the card. Picture attached, along with the triggers I used. I'm going to try this with accordion, as I was having a similar problem (Normal/Open/Down - dynamic states...)
This discussion is closed. You can start a new discussion or contact Articulate Support.