Free Accordion Template for Articulate Storyline

Feb212013
Written by dfair — 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. Need more help? Post your question in the E-Learning Heroes Discussions.

Recent Comments

  • Jeremy Negrey: Awesome, thanks Kelly!
  • Kelly Meeker: Hi Jeremy! You can see past winners by looking at the Guru catalog on this blog:...
  • Jeremy Negrey: This sounds awesome! Is there a location where I can check out some of the past submissions/winners?
  • nagarjuna: Installed the update 5. Keyboard support for sliders is my favorite. Check out this sample interaction we...
  • Will Bailey: Hi Janet! Yes, this update fixes that issue. Feel free to view the full release notes here:...