How to Build Drag-and-Drop Interactions in Storyline 360

---

Adding interactivity to your courses is simple and easy with Storyline 360. In this webinar, you’ll learn how to build a drag-and-drop interaction so you can add interactivity to your courses in no time.

Session Outline

Drag-and-Drop Examples

• Recognize common drag-and-drop patterns such as sorting, matching, and exploration
• Use drag-and-drop for practice and interaction, not just graded quizzes
• Combine dragging with states, animation, variables, and navigation

Form-Based Drag-and-Drop

• Build matching and sequence interactions using Storyline’s prebuilt question types
• Add choices, feedback, scoring, and attempts quickly
• Use form-based interactions when speed matters more than customization

Convert to Freeform

• Turn your own slide design into a custom drag-and-drop interaction
• Assign any graphics or images as drag items and drop targets
• Customize feedback, attempts, scoring, and the overall learner experience

Build with Triggers

• Create drag-and-drop behavior using the Object Dropped On trigger event
• Trigger multiple actions such as changing states, hiding objects, or revealing content
• Use triggers to extend or override Storyline’s built-in drag-and-drop behavior

Drag-and-Drop States

• Use Drag Over states to show learners where objects can be dropped
• Use Drop Correct and Drop Incorrect states for immediate visual feedback
• Change colors, graphics, or images to make drag-and-drop interactions more responsive

Drag-and-Drop Options

• Control what happens when learners drop items in the right or wrong location
• Manage how objects appear, reset, stack, tile, or reveal one at a time
• Combine options to control the behavior and presentation of custom interactions

Tutorials

• Storyline 360: Drag-and-Drop Questions
• Storyline 360: Adding Form-Based Questions
• Storyline 360: Adding Freeform Questions
• Storyline 360: Drag-and-Drop Questions

Related Drag-and-Drop Webinars

• 5 Ways to Customize Drag-and-Drop Interactions
  
• Drobo: Drag-and-Drop Interaction
• Accessible Drag-and-Drop Interaction in Storyline 360

E-Learning Challenges

• Keep It File It Interactions #178: Challenge | Recap
• Using Drag-and-Drop for Process Training #213: Challenge | Recap
• Drag-and-Drop Interactions in E-Learning #201: Challenge | Recap
• Moving Past the Next Button #144: Challenge | Recap
• Drag-and-Drop Interactions in E-Learning #16: Challenge | Recap
• Drag-and-Drop Examples in E-Learning #21: Challenge | Recap

Examples & Downloads

• Drag-and-Drop Storage Capacity Calculator
• Superhero Drag-and-Drop
• Meet the Team Drag-and-Drop Interaction
• Time to Fly | Learn more
• Recycling | Learn more
• Custom Drag-Drop Door Navigation Template
• Food Selection Game
• Drag and Drop Puzzle Game
• Drag-Drop Hurricane
• Setting the Table with Drag-and-Drop

Next Steps

• Download the practice files and build a simple drag-and-drop interaction. Try the different options and preferences to customize how the interaction works. If you get stuck or have questions along the way, post in the forums and we'll help you out.