Free Accordion Template for Articulate Storyline

Feb212013
Written by David Fair — Posted in Articulate Storyline

Bored with bullet points? Try turning that stale bullet list into an engaging accordion-style interaction in Articulate Storyline. It’s a great way for learners to explore processes, sequences, and relationships. Check out this example:

You can download a free widescreen accordion template for Storyline here. It includes several variations of the accordion interaction demonstrated above. Just select the slide(s) you want to use, and then add your own content. You can even customize it with a different color scheme. Here’s a short video that shows you how:


View this screencast on Screenr.com

Want to build your own accordion interaction? Easy. Here’s how:


View this screencast on Screenr.com

  1. Use Storyline’s shape tools to create the tabs for your accordion interaction. We used a basic rectangle shape, but any rectangle option will work. Try using snipped or rounded corners for added flair.
  2. Add a new slide or layer to hold the content for each tab in your interaction. If you plan to use Storyline’s built-in Prev and Next buttons for navigation, create separate slides for each tab. If not, use layers.
  3. Add a trigger to each tab that jumps to the corresponding content slide or layer.
  4. Add a fade transition to each slide or layer to make your accordion interaction move smoothly from one tab to another.

That’s it! If you need help or ideas to get you started, visit the Articulate Storyline forum at E-Learning Heroes to connect with other Storyline users.

5 responses to “Free Accordion Template for Articulate Storyline”

1

Cool, and for our Studio users I quickly put together a Articulate Presenter version.

Check it out in the forums:
http://community.articulate.com/forums/p/25879/142177.aspx

Jeff

Jeff Kortenbosch // Posted at 3:20 am on February 22nd, 2013
2

Hi, I really like this effect but was hoping to have 8 tabs rather than 6. Is this possible? I’m new to Story line and I’m not sure how to add more tabs. I shall look forward to you’r earliest response!

Thanks,
Elgan

Elgan Jones // Posted at 11:13 am on August 8th, 2013
3

Hello David,

I was wondering was there anything on this particular template that you cannot implement using PowerPoint?

- tc

TC // Posted at 2:50 am on March 14th, 2014
4

Hi, TC. States, triggers, and layers aren’t supported in PowerPoint/Presenter. But Jeff Kortenbosch created a similar template for PowerPoint/Presenter here: http://community.articulate.com/forums/p/25879/142177.aspx

David Fair // Posted at 3:33 pm on March 14th, 2014
5

TC, if your using Studio’13 there’s actually an Engage interaction for the accordion!
Check it out if you haven’t already.

Jeff Kortenbosch // Posted at 4:53 pm on March 14th, 2014

Comments are closed on this post.

Recent Comments

  • Ashley Terwilliger: Hi Carlos, If you’re not seeing it listed as Update 3, I’d first want...
  • Ashley Terwilliger: Hi Courtney, We don’t announce dates or timelines for future releases and...
  • Ashley Terwilliger: Hi Jim, You may want to review the information in this article on how to set this...
  • Jim Schoemer: I like the idea of showing ppt masters behind the interactions. I viewed the video...
  • Courtney: How is Android Support coming along?
  • Carlos Mascote: Products not showing as updated on ‘About’ screen after installing this...
  • Khanh: Love the updates. Just installed it but have not used all the features described here. I...

Articulate E-Learning Blogs

The Rapid E-learning BlogPractical, real world tips for e-learning success. Word of Mouth: The Articulate BlogThe inside scoop for Articulate news and product updates. Community BlogsGet the scoop directly from e-learning heroes.
×
Products
Storyline vs. Studio. Find the software that works for you.