Creating a Tab Interaction in Articulate Storyline

Using Articulate Storyline to build an interactive tab interaction.
4.4 (39 ratings)
Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
2,444 students enrolled
Instructed by Jeff Batt IT & Software / Other
Start Learning Now
  • Lectures 22
  • Length 1.5 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works


Find online courses made by experts from around the world.


Take your courses with you and learn anywhere, anytime.


Learn and practice real-world skills and achieve your goals.

About This Course

Published 7/2014 English

Course Description

In this mini course learn how to create a simple tab interaction within Articulate Storyline. Sensei Jeff will talk to you about getting visual inspiration for your tab interaction as well as how to set up your Articulate Storyline file to be shared with other people on your team.

You will also learn how to set up custom buttons and even custom states within your buttons to add additional functionality to your interaction. You will also learn the proper way of setting up any interaction with Articulate Storyline so it can be easily managed for future updates and template sharing.

Sensei Jeff will also talk about using triggers and variables to build the interactivity of the tab interaction inside of Articulate Storyline and then how to properly share your creation with other people within your team.

What are the requirements?

  • Articulate Storyline
  • Basic Knowledge of Articulate Storyline
  • Windows machine or access to Windows

What am I going to get from this course?

  • Finding inspiration for interactions
  • Prepping your external image assets
  • Building the visuals for the tab interaction in Storyline
  • Using triggers and variables to make your tabs interactive
  • Saving and sharing your templates

Who is the target audience?

  • eLearning Developers
  • Articulate Storyline Users
  • Interaction Developers
  • Basic Knowledge of Storyline

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.


Section 1: Introduction
Welcome to this mini course
Learning Dojo
Section 2: Setting Up Your Storyline Project
Getting your Storyline file ready
Setting default font
Section 3: Doing Some Visual Prep
Updating the master slide color
Visual inspiration
Finding Icons to use
Section 4: Visual Development in Storyline
Building the top bar
Building the buttons - Up, Over and Down states
Importing icons into buttons
Creating a text background
Section 5: Working with Layers
Creating a layer for each tab
Hiding objects you don't want seen from the main layer in other layers
Section 6: Working with Triggers and Variables for Navigation
Create a variable called currentTab
Add triggers to each button to change currentTab to correct tab #
Adding triggers to show layer when variable changes
Changing the state of an active button to show current layer
Section 7: Creating Different Variations and Saving as a Template
Creating multiple layouts
Saving your Storyline file as a template
Making and sharing updates
Section 8: Conclusion
Download finished template

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Jeff Batt, Head Trainer at Learning Dojo

Jeff has 10+ years experience in the digital learning and media industry. Currently he CEO and Head Trainer/Sensei at Learning Dojo, a company dedicated to training you to become a software ninja in a variety of software eLearning and web related. Jeff has also been the Product Development Manager for eLearning Brothers with responsibility for the design, development, and management over their world-class digital learning templates library building templates in Storyline, Studio ’13, Captivate, Adobe Edge Animate, Lectora, HTML5, Flash and more. Prior to his work at eLearning Brothers, Jeff was the Design & Professional Services Manager for CallidusCloud’s online eLearning authoring tool Litmos Author. Jeff is a regular conference speaker and industry leader regarding eLearning technologies such as TinCan API (xAPI), Articulate Storyline, Adobe Edge Animate, Captivate, Camtasia, HTML 5, and Flash.

Ready to start learning?
Start Learning Now