801.796.BROS (2767)

Click, Click, Click to Reveal This Tab Tutorial_Blog Header

As a user, I think click to reveal interactions are very satisfying. One click and “Bam! Info pops up!” But I’m not sure I would want to be the one who has to develop them… That’s why I love the eLearning Brothers Template Library. Every interaction or layout that you desire has probably already been created for you as a template! We realized that just offering a ton of templates wasn’t enough, and so we’ve been adding support videos for each template.

In today’s video, we’re going to take a look at the structure of our Starter 18-Tab Click to Reveal Storyline template, and how to make a few edits to the file.

This is a straightforward click to reveal where the user selects a tab and a new layer pops up to reveal content. 18 tabs worth of content!

To change each tab’s content, you’d just need to click inside each tab, select all, and type over whatever’s there. If you need to edit the font size or color on this or any other element, simply select the text in question and use the formatting options on the Home tab.

To adjust the basic style of this element, and all others, grab it and visit the Format tab.

If you would like to remove some of the tabs, you can either remove the unnecessary tabs from the screen directly, by deleting or hiding or edit the NumOfTabs_ variable to the desired value. Keep this between 1 and 18.

There’s not a ton more to say about this template beyond the extremely awesome xAPI integration we’ve included. Check out our other support videos for more information on xAPI, but for now, we’re done. Thanks!

Don’t have an eLearning Brothers account? Sign up for a free one today!


Already a member? Log in and start creating!

Pin It on Pinterest