Here's a sleek solution for chunking content: a simple accordion layout. With this intuitive design, accordions expand with a click of the adjacent arrow button, while subtle animation effects guide the learner's eye to your content.
Make this project your own by swapping out the placeholder content and the background and character images (located on the Slide Master). This project is using the Windows 10 system font, Bahnschrift in a light stroke but if you don't have that font installed it also looks great with Lato, a free Google font.
Hi Lee. This appears to be a limitation of IE and Edge browsers, which don't support certain masking animations in HTML5 output. You can read more about this here: https://articulate.com/support/article/Storyline-360-Some-HTML5-Animations-and-Transitions-Don-t-Work-in-Internet-Explorer-or-Microsoft-Edge
Sorry, I'm a rookie. Can you give more details on how to make this work? Do you bring this into Storyline 360 or just do everything from PowerPoint?
Thanks...
Hey Paul. No apologies needed. Everyone starts somewhere!
You can use this download anyway you'd like. It could make a good starting point for a project in Storyline 360. You would simply use the "Import" option under the "File" menu. Keep in mind, if you decide to use it as the basis for a Storyline project, you'll probably want to get comfortable using layers and triggers and then move the content that's currently on individual slides in PowerPoint, into layers on a single slide in Storyline 360.
If you decide to use this in PowerPoint, it's pretty much ready to go out-of-the-box. You'd just need to update the placeholder text with your own content.
Hope this helps!
Ok thanks. I went into PP and saw how the logic works. Very slick. Ultimately, I'd like to use something like this in Rise. Rise does have something similar so I might just use what is there.
Thanks Again! The E-Learning Heroes site and community support is terrific.
Nice work !! but Motion path animation doesn't works and contents getting hide when i click the drop down button. If i click the 1st option, 2nd option should moves down and should show the answer/content of the option 1.
Hi Pradeep. I was trying to keep this very simple so I didn't use motion path animations in this project. The only animations are a fade for the content and the spin of the arrow.
Of course this download is free for you to use and customize it however you'd like. The motion path animations you described would be a nice addition.
10 Comments