Creating a Tab Interaction in Articulate Storyline
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.
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.
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.
Not for you? No problem.
30 day money back guarantee.
Learn on the go.
Desktop, iOS and Android.
Certificate of completion.
|Section 1: Introduction|
Welcome to this mini course
|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
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
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.