Drag and Drop Solution - Sample with Multiple Correct Targets with drag off and return plus a lot more

Mar 29, 2021

Here's a sample Drag and Drop that provides almost everything people have been asking for.

1. Any number of targets can be correct for any object.
2. Objects not dropped on target are returned.
3. Targets can be cleared of dropped objects.
4. Multiple objects can be dropped on a single target.
5. On Try Again, it can clear or maintain the previous attempt.
6. Provides feedback that is specific to incorrect answers.
7. Answers can be saved and made available later in the course.
8. Allows partial, multiple, or very complex combinations of Correct answers.
9. Dropping objects can automatically resize or reshape.
10. Can enforce a minimum requirement for number of selected objects before submission is permitted.
There are  six examples, and since different ones highlight different features, not every one contains all the features.
It contains explanations of how it works, and instructions for modifying it.
Note: Since it uses a Pick one interaction, regular Drag and Drop options (like objects appearing one at a time, or the various stacking options) are not available through the SL menu, but must be created.

 

Feel free to use as is, or study it and take just the principle that meets your need.

 You can see it action here:

https://360.articulate.com/review/content/6b66b467-4d65-465b-bf44-cab98aa88bf3/review

EDIT: I've changed it to load in 360. Sorry about the confusion.

38 Replies
Kathleen Czop

Wow, so you were right, the 100% transparency threw things off.  I realized later that the rectangles didn't appear transparent in the editing view. But when I previewed it, it looked perfect. Sheesh. This is the kind of detail that makes me wonder how I'll ever get good at this stuff.

Math Thynker

Thank you for this, Walt! I think the answer is in your .story file, but I just can't seem to get my interactions to work.

I have 8 drag objects, 2 drop targets, 2 attempts. Aside from the usual Correct and Incorrect state, I need to have a dropped state as well. Now on the incorrect attempts, the incorrectly placed objects are sent back to their initial position in the Normal state, but the correctly placed ones stay in the drop target in the Correct State and should no longer be draggable.

On the final attempt and user still gets the answer wrong, the idea is to have the incorrect answers show the incorrect state, and after 1-2 seconds, the correct placement of the items will show. I've tried playing around with the built-in Drag Correct and Incorrect states and even made custom ones. 

Hopefully someone can point me in the right direction? Thank you!

Yolanda Wang

Hello Walt, 

This is an amazing template with so many technical triggers. I am modifying this template for my e-learning. However, I got "You may not drag a value more than once" message even I use each item once at a time. 

Also, is it possible that the text in the Dragable item can be exactly displayed in the matrix (drop box)? I enter the variables in each Dragable item. 

Walt Hamilton

You get the error message because the variables Choice1 - 6 start as blank. Then Continue may be clicked before all six are drug someplace. So the ones that haven't been moved are blank. It is those blank ones that are triggering the duplicate message.

One way to fix that might be to put some sort of unique message in their default value.

To display the text in the matrix, change these triggers:

 

to this:

If you have other questions, just ask.

Yolanda Wang

Hello Walt, 

Thank you for the instruction. The issue of displaying the text in the matrix is solved. 

For the error message, I gave a unique value to each Choice variable. 

However, as long as I drag a box to any place in the matrix, "Continue" button will be active and users can click to go to the next slide. We would like the "Continue" button to be active when 3 green boxes are not blank. 

So I add a condition to Choice1 - 3. Unfortunately, not work. Is there any I miss?

Yolanda Wang

Hello Eric, 

Thanks to jump in~ Kindly refer to the attachment. User's inputs from Slide1 will be populated in the 2nd slide. Then, users need to drag and drop each box in the matrix And 3 of 4 boxes have to be added in the green zone. The other one can be any of the rest of the martix. I gave the unique value to Choice. So, I was thinking to add a condition to Hidden would be enough but not work ^^ll

Eric Santos

Hi Yolanda,

Thanks for sharing the updated Storyline project! It looks like the ≠ value (blank) and = value (blank) in the triggers were valid before because the Default Values of the variables were blank. But now the Default Values have changed, so you must also update the triggers. 

Please try using the Default Values of the Choice variables to replace the (blank) in the triggers. See the screenshot below for reference:

default values for triggers

Let me know if you have any questions!

Steven Benassi

Hi Tianxuan!

Thanks for reaching out! I'm happy to share that we currently have a feature request logged which would allow for multiple correct targets in a drag-and-drop freeform interaction.

I've included your voice in the feature report and will update this discussion if it makes it onto our feature roadmap!

Have a great rest of your week!