Using Tabs Interactions in E-Learning (2020) #272

Hi all,

I created this simple tab interaction. Each tab is "connected" to a scene, so you can develop more content inside each scene.

After you see all the content in each scene, the tab gets a "checkmark" that is controlled by a variable (true/false). When all the tabs have been visited, a button to advance will get visible so the user can advance to the end of the course.
I hope that you enjoy it and feel free to comment!

You can see the example here.

Thank you.

Tabs interaction - Nuno Cardoso

3 Replies

Justin Collinge

11 months ago04/18/20 at 4:59 pm (UTC)

Hi Nuno - this has a lovely style to it. I love the way the picture moves with the tabs as you open them. Would you be prepared to share the Storyline file? I'd love to see how you got the movements so slick.

Sarah Hodge
Staff

11 months ago04/21/20 at 3:11 pm (UTC)

Nice work, Nuno! I love how the images slightly move when a section is clicked. What a cool effect! As Justin mentioned, are you able to share the .story file? I’m sure the community members would love to see how you made this.

Allison LaMotte
Staff

11 months ago04/21/20 at 4:38 pm (UTC)

This post was removed by the author

Allison LaMotte
Staff

11 months ago04/21/20 at 4:39 pm (UTC)

Love this, Nuno! Great work. Thanks for sharing with the community. :)