How to Build Timeline Interactions in Storyline 360

Interactive timelines are a great way to visually display chronological events, milestones, and procedures. They’re super easy to build and can be customized to align with any design theme. Timelines can also be used to tell stories about events that change over time. Timeline stories could include a company’s history, product life cycles, or maintenance routines and procedures.

Exercise Files

Storyline: Interactive Timeline Template (View and download)

User Guide

• Storyline 360: Working with Triggers
• Storyline 360: Adding and Editing States
• Storyline 360: Working with Layers
• Storyline 360: Working with Button Sets

E-Learning Challenges

Practice building timeline interactions in Storyline by jumping into our weekly challenges. There's a current challenge open now, plus a previous one full of examples to borrow from.

• Current: Using Interactive Timelines in Online Training #567
• Previous: Timelines in E-Learning #408: Challenge | Recap

Examples & Downloads

• Animated Timeline Planner: View | Download
• Simple Timeline Interaction: View | Download
• Interactive Timeline: View | Download
• Slide & Reveal: View | Download
• Animated Background: View
• Population Timeline
• Mesozoic Era: View
• His-tree Lesson: View | Download
• Tabs Timeline Interaction: View | Download
• Animated Timeline: View | Download
• Moon Landing: View | Download
• Human Timeline
• Marvel Universe Timeline
• Timeline of Events
• Ebola Virus Timeline

Next Steps

Download the practice files and build a simple timeline interaction. If you get stuck or have questions along the way, post in the forums and we'll help you out. 

After you build your timeline interaction, share your example in the latest timelines challenge and we'll include your work in the recap.