Storyline: Company History Carousel

Sarah Hodge
Sarah Hodge
4,808 Downloads
Download

Go back in time with this history carousel interaction. You can swap out the images and edit the fonts and colors to match your company’s brand or to tell your own story. 

 timeline carousel  

Explore this project. 


This template will work for folks using Storyline 360, the continuously updated version of Storyline included in Articulate 360. Want to try it out? Get a free trial of Articulate 360 right here.

33 Comments
Sarah Hodge
over 2 years ago09/14/20 at 4:48 pm (UTC)
Hi LaVon! So sorry that is happening! Can you share your file so I can take a look? I changed my story size to match yours and the buttons still hide/appear. Here's an image of the triggers I used for the arrow buttons to hide/appear. Do your triggers match? https://drive.google.com/file/d/1_1Y-UnOO6cF9XvtbfrY2RZXpQacfoyzM/view?usp=sharing
Sarah Hodge
over 2 years ago09/14/20 at 5:28 pm (UTC)
If you want the text to stay in the exact same place, then just select all the text boxes in group 4 by clicking CTRL and using your mouse to select each one so you can edit them all at once. Then right click>Format Shape>Text Box and then edit both the Top and Bottom to be 15px. That should make the text box bigger so it intersects. Just another option. 🙂
Sarah Hodge
over 2 years ago09/15/20 at 9:15 pm (UTC)
Thanks Jill! Totally doable. Since the right button hides after it gets to the last image, you'll need to create your own custom Next button and under the States tab, set the initial state to hidden. https://drive.google.com/file/d/1lcTNBgTk3Wlmq1EtMt5Af2zP5r7md0T3/view?usp=drivesdk Then add a trigger to change the state of the button to Normal when the state of the right arrow is hidden. Here's an image of the trigger for reference. I hope that helps! https://drive.google.com/file/d/1X-KjypNcFaHEjhoL1k4VUmuvltYT54-3/view?usp=drivesdk
Sarah Hodge
over 2 years ago09/21/20 at 2:02 pm (UTC)
Hi Rachna! I imported the arrows from Content LIbrary 360 then grouped the arrows together with a shape. To make the slide stop for each image, I used Relative Start Point. If you're interested, I wrote an article a little while back about working with motion path animations. It's tip #7: https://community.articulate.com/articles/7-pro-tips-for-working-with-motion-path-animations-in-storyline-360 Hope that helps!
Olivier Nourry
over 2 years ago10/26/20 at 3:48 pm (UTC)
Thanks a lot for this great interaction...I really like how everything slides! I'd like to use it to tell my company's story but 5 elements won't be eneough. Did anyone ever tried with 10+ (or even 20?). I must admit that i struggle a lot with the animation trajectories, hard to recreate them with the new groups of items i had to create. Did anyone ever tried to add some elements on this carrousel? Any tips on how to succeed? Thanks a lot!
W Gill
almost 2 years ago07/14/21 at 4:11 am (UTC)
Hi Sarah, This is great. Thanks for sharing. I'm trying to deconstruct it so I can add more "Text Boxes" and more "Pictures" I un-grouped everything, added the additional elements and then regrouped. I made sure to copy the precise dimensions of the motion path and made sure the correct motion paths are associated with either the Text Box or the Picture. I made sure to set relative start point as well. When I try to use the arrow buttons, nothing is smooth, pictures and text boxes stop midway through the motion and won't align with the stage. In fact, the smooth out of 2015 (in yours) actually just disappears on mine. I am not sure what I am doing wrong where the motion paths aren't working as expected in yours. Any thoughts? Thank you so much.
Sign In to Comment