Accordion
Apr 27, 2020
hello, can you help me how to design this kind of accordion? Most of the examples I've seen in the community only limits the content of the accordion within the boundaries of the player screen. This example I saw from another e-learn course scrolls down way past the bottom of the screen, showing the vertical scroll bar. I will be very happy if someone can help me do this in Storyline 360. Please see attached.
7 Replies
Hi Jonathan,
Thanks for sharing what you would like to create as well as some images.
Would you be able to share a link to where you saw this interaction? That may be helpful in locating a source file so that we can best assist.
Hello Leslie,
This is an internal company training. I cannot share the link. What I can do is take a video capture of that section. Will that be ok?
Thanks,
Jonathan
Hi Jonathan!
Yes, sharing a video would be perfect! We are looking forward to seeing the sample!
Hi Lauren, Leslie,
Attached is the video. The course window is slightly minimized and you will see that the accordion scrolls down all the way past the course window while the vertical scroll bar appears on the right. You will also see that the background image remained in its place.
Hi Jonathan!
I love the layout of that slide!
To recreate that, I would choose a template from the Content Library and add a Scrolling Panel.
I've created a short screen recording for you explaining how I would create this slide in Storyline 360. Here's the video.
Hi Lauren,
I could not view the video anymore. Can you show again?
Thanks,
Jonathan
Hi Jonathan!
It looks like that video expired! I'm happy to create another if that would be helpful.
I did find tons of Accordion templates that also offer downloads.
9 Accordion Interaction Downloads for Arranging Courses Awesomely
40+ Examples of Accordion Interactions for E-Learning Designers #147
This discussion is closed. You can start a new discussion or contact Articulate Support.