Authors
Video Tutorials
How to Build Tabs Interactions in Storyline 360
Adding interactivity to your courses is simple and easy with Storyline 360. In this webinar, you’ll learn how to build a common tabs interaction so you can add interactivity to your courses in no time.
- Examples of tabs interactions in e-learning
- Preview the project we're building
- Set up the initial design elements & layout
- Create the first tab button with states
- Create the paper & photo design elements
- Add placeholder text and images
- Design Tip: Create the drop shadows effects
- Create the first slide layer
- Customize the feedback master
- Add triggers for each button tab
- How to add new tabs
- Save as a reusable template
- Next steps
User Guide
- Storyline 360: Working with Triggers
- Storyline 360: Adding and Editing States
- Storyline 360: Working with Layers
- Storyline 360: Working with Button Sets
Current E-Learning Challenges
- Using Tabs Interactions in E-Learning (2023) #401: Challenge | Recap
- Tabs Interactions in E-Learning #272: Challenge | Recap
- Common E-Learning Interactions: Tabs Navigation (2018) #199: Challenge | Recap
- Show Us Your Best Folder Tabs Interactions #2: Challenge | Recap
Tabs Examples & Downloads
- Basic Tabs: Example | Download
- Sea Fish Dishes: Example | Download
- Stone Tabs: Example | Blog
- Year of the Rabbit: Example | Download and Example 2
- Notebook Tabs: Example | Download
- Turandot: Example
Resources
- A Beginner’s Guide to Designing Effective Tabs Interactions
- The Most Straightforward Way to Build a Tabs Interaction for Storyline
- Everything You Need to Know About States in Storyline 360
- A Great Storyline Time Saver: Button Sets
- Create a Tabs Interaction with Storyline in 5 Short Minutes
Next Steps
Now that you know how tabs interactions work in Storyline 360, it's time to put those skills into practice. Using the source files in the downloads section, build a simple tabs-style interaction and share it in the latest e-learning challenge. If you get stuck or have questions, post in the forums and we'll help you out.
Updated 2 months ago
Version 3.0