Drag and drop
14 TopicsStoryline: Drag-and-Drop Puzzle Interaction
Want to create an interactive puzzle game in Storyline 360? Dive into this free download and follow this blog tutorial to learn how to craft your own effortlessly. 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. And subscribe to our newsletter to find out about other helpful downloads.4.3KViews4likes6CommentsMagic JavaScript switch?
I have a drag and drop quiz with 95 drag options that are then added to a chart. This is all working beautifully and tiling onto the chart very nicely, but if I want to randomize the order that the 95 options appear in (on the drag sequence menu) then I have to manually drag them around to make them appear randomized. Has anyone ever incorporated javascript to make drag options appear in random order if they are appearing one by one? Apologies if this is unclear or not allowed to ask.Solved606Views0likes7CommentsMost accessible interactions
Hello everyone! I've received some feedback about a recent elearning that I created that drag and drop interactions aren't very accessible. I've read through a lot of the help documents about what makes learning content accessible, but I can't find much detail on designing accessible interactions. Would anyone have any information about what I should steer away from? And any ideas for interactions that I can use apart from click and reveal type interactions? Thank you so much!Solved523Views1like7CommentsTriggers on a submit button for drag and drop
Hi all! Hoping someone here has needed to do this before and has an idea! I have a drag and drop slide that I want all the drag options to be on screen at the same time (not appear one at a time as we often do for slides where space is an issue). The slide is intended to get the reader to engage better with the content and review the strategies explained a couple of slides back. Now the challenge I have is space and position...want to keep button bottom right as this is where it best fits on the other interactive slides. So I want to have the submit button and hidden and change it to "normal" when all the drag items have been dropped whether they are correct or not. There could be so many combinations, I can't work out a simple and logical way to get a trigger to work for that. Any ideas? Thanks in advance. Jessica400Views0likes5CommentsThe best weigh to make an espresso
Hello! I like to mimic real-life machinery, dials, switches, and buttons in eLearning where it's appropriate. Sometimes learning by doing can be very literal. But these features can also impact #accessibility. In this week's coffee-themed demo, I have ensured the drag and drop, slider and dial interactions are also accessible from the keyboard. All of the vectors in this week's demo were 'handmade' in PowerPoint and Storyline using the 'merge shapes' feature. Most of my time was spent making sure the interactions perform as intended when the keyboard is used instead of a mouse. But I'm pretty pleased with the overall effect. What do you think? PLAY HERE121Views4likes4CommentsDreams of Directing...
View the example. Description: Taking inspiration from the "movie" theme, here's my take on using interactive video in an e-learning course. It challenges the user to watch a movie clip and determine the camera angle used when filming. It also utilizes a simple drag/drop feature to determine correct/incorrect responses. Video clips and visuals from Studio Binder.