How to Build Custom Folder Tabs Interactions
Looking for a simple yet effective way to help learners digest content in slide-heavy training courses? Try chunking related content into folder tabs interactions.
Tabs interactions are a great way to group related content or resources into a single slide so learners remain focused in the moment, without having to branch to new slides for each piece of content.
About the workshop
In this video workshop, you’ll see how to design and build your own folder tabs interaction. You’ll learn to use the shape tools in Storyline and PowerPoint to build custom tabs graphics, create button sets to provide visual feedback for active tabs, and work with triggers and slide layers to display each tab’s content. In addition, you’ll also get production tips for working efficiently in Articulate Storyline.
Topics include:
- Building custom tabs graphics
- Creating the normal, hover, active, and visited states
- Creating custom button states
- Adding slide layers to chunk related content
- Using triggers to show and hide slide content
- Saving interactions as reusable templates
- Publishing for a variety of delivery platforms
Demo: View the final project
Source files: Download
View the 45-minute workshop
Introduction
Creating Tab Graphics
- Using the shape tools
- Setting up custom theme colors
- Formatting the tab graphic
- Creating button states
- Creating the tab layout
Toggling Tabs with Button Sets
Adding Content Placeholders
Creating the Interactivity
Related Tutorials
- How I Built This Healthy Food Game With Drag-and-Drop
- How I Built This Around the World E-Learning Quiz
- Video Workshop: How I Built This Video Gallery Template in PowerPoint
- Video Workshop: How to Build Infographic Elements in PowerPoint
- Video Workshop: How I Built This Video Gallery Template in PowerPoint
- Video Workshop: Creating Tabs Interactions in Articulate Storyline
- Video Workshop: How to Design Custom Tabs Interactions
- Video Workshop: How to Design Visual Feedback Meters in Articulate Storyline
18 Comments