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

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

Resources

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