Multiple Variable Drag and Drop demonstration

Suppose you wanted to present the user with a list of options from which they could select a few. Then, on the next slide, you wanted the user to categorize the options they selected by dragging them into appropriate boxes. Recently, an associate of mine was given the task of developing this activity. He ultimately developed it directly in HTML 5 using some JavaScript and JQuery coding and then embedded the result as a web object in the Storyline course he was working on.

Intrigued, I set out to see if I could do this directly in Storyline. Ultimately, I did have to resort to JavaScript to cut down on the sheer volume of triggers required but otherwise was able to accomplish it natively in Storyline. Here is a link to the published version (this link will only be accessible for 10 days as its on the Articulate Tempshare site).

Attached is the .story file and a document that will walk you through the file.

Perhaps this will give you some ideas for your own projects Enjoy!

1 Reply