Create Beautiful Custom Dropdown Menus With jQuery—Storyline Edition

I am sure one day soon Articulate will push an update that empowers us with dropdown (select) menus. But in the meantime, if you are like me you have probably avoided building them—it takes so many layers and triggers. But sometimes it really just makes sense to use a dropdown menu!

I decided to build one using jQuery (JavaScript). Right away you should know that this solution is limited to Storyline’s HTML5 output.

Generally speaking what I have done is:

Created two Storyline Variables: One holds my list of items The other stores the Learner’s selection Then I added a shape to the slide. I size and position it where I want my dropdown. Then I add a JavaScript trigger to run my code. Lastly… I revel in the glory of a dropdown.

Read the full story by


Webinar: Layout & Typography Tips for eLearning Designs Webinar: Why eLBX?
We are updating our Privacy Policy, so please make sure you take a minute to review it. As of May 25, 2018 your continued use of our services will be subject to this new Privacy Policy.
Review Privacy Policy OK