Tabbed Interaction

Wanted to add a clarification.  After all the 3 tabs have been shown to the user, when the user clicks on tab 1, he should be able to see all 3 clickable tabs.

Hi Payal,

You should be able to set this up with triggers and custom states for the tabs. You want the tabs to show up after the first has been selected, but you don't want to show the tab information until those following tabs have been interacted with, correct?

I put together a quick example if you'd like to take a look:

Example for Payal

Would something like that work for you?

I'm also attaching the file, just in case you want to take a look at how I set it up.

Let me know if you have any questions!

Christine

error using tab

Hi Jalindar!

Are you having trouble with a tabs interaction in Storyline? If so, tell us more about what's going on. We'd love to help! 

If you can share a sample file, that would be even better. 😊

Hi,

In the attachment,

1. There are 5 tabs

2. I would want that a learner to visit all tabs in sequence.

3. Next button will not be activated till a user visits all the tabs. 

What trigger do I create?

Hi Sanchit,

Happy to help! Since your tabs are on layers within the same slide, using states would be a great way to direct the Next button to become active.

Here's what I did:

1. Added Visited states to all your tabs.
2. Added a Next button and set the initial state to Hidden. 
3. Added a trigger to change state of Next button to Normal when states of all tabs have been Visited.

I've attached my changes to your file below. Take a look and let me know if this works for you!

Hi Rem,

1. Next button - I don't want to add "NEXT" button on the screen as it is already by default.

2. User clicks all tabs, and then next button activates automatically.

3. In that case, how do I enable next button. 

Hi Sanchit,

I added a Next button because it looks like you're using a transparent color scheme in the player, and I didn't see any navigation features when I previewed the course. Are you planning on using the player navigation Prev/Next buttons?

If so, I'd recommend using a different player color scheme and then:

1. Create a trigger to set the state of the next button to hidden when the timeline starts.
2. Adjust the trigger I created to change the state of the player next button to normal when the state of all tabs have been visited.

Hope this helps!

Hi Rem,

Attached is another file, wherein I have added trigger "Jump to next slide" when all three states are visited.

However, this doesn't work for the 3rd tab; without me able to see content of 3rd tab. 

How do we resolve this. 

Hi Sanchit!

Thanks for attaching the file! I changed the trigger to Jump to the Next Slide when the timeline starts and each rectangle is equal to visited. This will make sure the user views the content on the 3rd tab. 

Hi Lauren,

Thank you for this but a user can jump to next slide without clicking on each tab.

In this case trigger isn't mandatory which is primary motive. Do we use variable for this?

Regards

Sanchit

Hi Sanchit,

I took a look at your file and added a couple of triggers. The first one changes the state of the Next button to Disabled when the timeline starts, and the second one changes the Next button to Normal once all states of the red boxes have been Visited. 

This way, they can click the Next button on whatever layer they finish on, or they can also return to the base layer to click Next. I've also attached the edited file for you!

I wouldn't recommend forcing the learner to jump to the next slide once the third layer has been visited, as it gives them time to read the information at their pace and click Next when they're ready.

Thank you Ren. This solves my problem. 

You have been a great help.