Disabling Tab Interaction Until Content has Completed
Aug 31, 2015
By
Jesse Love
I'm using a tab interaction template and I have disabled the tabs (1-5) forcing the learner to select them in order. Tab 1 is normal after the base slide timeline has finished. Tab 2 is normal after Tab 1 has been visited; and so on through Tab 5. The problem is once a Tab is selected, the next Tab in order becomes active before slide content has finished. Example; when the learner clicks on Tab 1, Tab 2 becomes active before Tab 1 Content has completed allowing the learner to skip the current slide and advance to the next Tab. How do I prevent this from happening? Are there variables I have to create? Thanks for your help.
7 Replies
It might help if you could attach your .story file so people could see what is going on.
Hi Jesse,
I'd agree with Walt, if you're able to attach the .story file that'll help us take a better look at what's happening.
You might try a search, there have been a lot of discussions on this topic in this forum during the last two weeks.
Here is a sample file that might give you some ideas about navigation.
See attached file. This a description of the issue:
Tab interaction is setup to force the learner to wait until the base layer completes before they can select Tab 1. Tab 2 is disabled until Tab 1 is visited and so on through Tab 5. Problem is once Tab 1 is selected, it inherits the 'Visited' state, thus enabling Tab 2 before the content on Tab 1 completes. This is repeated for Tabs 3, 4 and 5. I'm trying to set Tabs 2-5 to remain disabled until all content on the previous Tab has been completed before they can select the next Tab in the sequence.
Hi Jesse,
You'll need to adjust the state based on something on the layers then. Look I what I set up on the layer for Tab 1 in regards to tab 2. Also, I noticed you had set up a bunch of triggers to change the state of each tab at the start of the timeline and those are unnecessary triggers as you can set the initial state of each object to be disabled if you're looking at "edit state".
Thank you Ashley. You resolved my issue and the tabs are working exactly how I want them to. Additionally, you've saved my a lot of time with your instruction on how to set the initial state of the object to be disabled in States, and using "edit state" to perform this function.
Jesse,
Glad I could help and thanks for the nice feedback. Hope you have a great rest of the work.
This discussion is closed. You can start a new discussion or contact Articulate Support.