How to create a custom drop down list interaction in Storyline 360

Last updated:

The first step is to create the initial drop-down box. This is a shape in Storyline. On this shape create a normal state with text ‘ select your language’  and a down arrow. Nog create a custom state for each item in your drop-down list. These states will be used to display the selection that is made.

Next, create a new slide layer to display the the list items when the drop-down is expanded.

To show what selection is made by the user we need to set a trigger on each list item that changes the state of the original drop-down box to the state that matches the selected item.

Finally, you’ll need a second trigger on each list item that hides the current layer containing the list.

cta under video

You've just read an article from Upward Online Learning

Want to read more articles like this? Sign up for my weekly emails. As a bonus, you'll receive my ebook with my 7 top Articulate Storyline time-saving tips for a perfect start to learning Storyline faster and without any hassle!

Want to know more about creating more effective and engaging e-learning? This is how I can help:

Ultimate Articulate Storyline Online Course

Want to learn Articulate Storyline the smart way? So that you can save up to 40 hours per e-learning course? Subscribe now to my Ultimate Articulate Storyline Training with a $50 discount with the coupon UPWemail.

This online Articulate Storyline course is the fastest way to speed up your Articulate Storyline e-learning skills and learn a proven e-learning development process from design to implementation.

Knowledge Library

Watch over 100 detailed tutorials, reviews and how-to videos from my popular Youtube channel.

Build Better E-learning With Templates

Leave a Comment