States on "Simple Tabs" template

Jun 12, 2012

Hi all,

I'm using the "Simple Tabs" template but have a question about using the similar functionality on other objects.

I want to add a "reset" button to the the page so that after any of the tabs are selected, one can click this button and any selected tabs will revert to being unselected and the welcome layer will then show up again. However, when I try to add the same actions as the tabs to my "reset" button, although the welcome layer reappears and the previous layer disappears, the last tab that was selected does not revert back to the unselected state (so it looks like you are on the "welcome" stage of the slide but one of the tabs still appears to be selected as well).

So, although I know I can add more triggers to my reset button to change the state of all my other tabs to "hidden" upon clicking, I was wondering why I didn't have to do that for all of the other tabs and how I can get my reset button to function the same way? When I analyze the triggers on the tabs, there are no actions assigned that tell them to change the states of all the others to unselected - it just seems to automatically deselect whatever previous tab was selected if you select a different one.

Any help or insight is appreciated!


12 Replies
Chantelle N

Ah ok, so that explains why I don't need the triggers to get the selected states to appear. However, that doesn't explain how the previously selected tabs become deselected automatically once you click off of them. In the tabs template, there is not a state associated with visited - only selected - and again there are no triggers to change the state of the other tabs to normal once another is clicked. So, I'm still confused as to how they know to hide/return to normal once you click off of them.

If adding a trigger is the only option I can find I can do that, but it appears there is a simpler way based off of the behavior of the other tabs (and I have 14 tabs so an automatic solution would be ideal). Would it happen to matter that the tabs are shape objects and the reset button is an actual graphic?

Phil Mayor

This is something called button sets, if you right click a button you will see button set, if you select all your buttons and then choose button sets.  This tells Storyline that only one of these can be selected at one time but one will always be selected.

If you delete the selected state you wont have this problem, but you will need a trigger to unset the selected state

Jeanette Brooks

Hey Chantelle! See if the attached would work for ya. I added a Home button in the lower-right corner of my base layer and, as Phil suggested, I added it to the button set. I also added 3 triggers to the button, which cause any currently visible layer to close. And just for cosmetic reasons, I changed the appearance of the button's Selected state to be identical to the Normal state, since I didn't want it to look different when the user clicks on it.

Patti Lou Park

Just wanted to jump in here with an additional question on this tab interaction.  I tried adding a 'Visited' state to each of the tabs to indicate to the learner which tabs they had already viewed.  It seems that when I add a 'Visited' state, the tabs no longer move out when in the 'Selected' state.  The little arrow still appears, but the tab stays put.  Any ideas?

Jeanette Brooks

Hi Allan! That's a great question, and what you're seeing is part of the logic that Storyline uses in determining which state to display. An object's selected state is something that can toggle on & off based on which item the learner clicks. The visited state, on the other hand, is more of a permanent thing - once an item gets clicked, it immediately switches to Visited and doesn't switch back.

So, in the tabs interaction, if you add a visited state, Storyline attempts to show both the visited and selected state at the same time when the learner clicks the object -- because as soon as it's clicked, it becomes not only selected but also visited. However, since the rectangle is in a different place for these two states, it's not really possible to show both states simultaneously - so, the visited state kind of trumps the selected state, which is why the shape doesn't move out to the left.

As a workaround, here's an idea:  draw a checkmark on your slide and position it on the tab. Set its initial state to Hidden. Then add a trigger that causes the checkmark's state to change to Normal when the learner clicks on the tab. This way, the checkmark is independent of the tabs' state logic. So, you're able to display the tabs' Selected states as designed, but also display a visual indicator to the learner to show which items they've clicked. Attached is an example to show what I'm talking about. I hope that helps!

Jeanette Brooks

Hi Siddhartha! Yes, in order for that to happen, you'll want to do two things: set the Slide Properties to "Resume saved state." (This means that when the learner leaves the slide and comes back to it, the states of the objects will be remembered.) You'll also want to set the course's resume behavior to either "Always" or "Prompt." (This allows the course to remember the learner's progress, so that they can pick up where they left off if they close the course and come back later.)

This discussion is closed. You can start a new discussion or contact Articulate Support.