Drag & Drop multiple icons into multiple drop zones

Mar 04, 2022

Hi All,

I have a file driving me crazy. I have setup icons to drag and drop into zones next to text. There are 2 icons stacked up multiple times on each other, so when you drag one off, another is revealed.

One icon (jar) should drag/drop next to black type, the other icon (a trash can) should drag/drop next to the red type.

My goal is to have any of the jar icons drop into any of the black text drop zones and any of the 'trash can' icons drop into any of the red text drop zones.

I've been trying everything I can think of with the triggers, but always get my 'try again' feedback screen.

I am stumped, so if anyone can make suggestions I'd appreciate it. Hopefully I've overlooked a simple solution. I've included 2 variations of the file, the 2nd one doesn't have links to specific drop targets defined in the Form View.

I am using the most recent version of Storyline 360.

18 Replies
Tom Kuhlmann

You can only set one icon to a target. Example: the first one is red (trash) you can only assign one trash icon to the target. But you have five trash icons. Thus the learner can assign four other trash icons and get it wrong while it's actually correct.

You'll want to rethink the activity. You may be better off creating two target zone (trash and creme) and have the statements appear individually and choose between the zone.

or

You could try to progressively reveal a statement target. And they choose one of two icons. When they make the selection, you expose the next statement. Something like that. 

Walt Hamilton

I think you can gather from Tom's posts that what you want can't be done with the built-in Drag and Drop.

You can find something exactly like what you want someplace among the samples in the attachment here: https://community.articulate.com/discussions/articulate-storyline/drag-and-drop-solution-sample-with-multiple-correct-targets-with-drag-off-and-return-plus-a-lot-more   Find an option that looks good and follow it to see the principles involved.

Charles Radanovich

Thank you Walt (and Tom),

The sample file is way over my head. I find it very confusing. I'm really looking for a much simpler solution. In the meantime I changed the interaction to a 'pick many', but I have to have each icon next to each text string which makes a very busy looking screen.

Best, Chuck

Charles Radanovich

Hi Walt,

Do_Dont_quiz.story is the file in question for the drag & drop. I think I may need to come up with another kind of interaction.

I'm also sending another file that I need advice on... I want to be able to click on any of the circles and have it report the results and show my 'thank you' screen. I currently have it setup as a 'pick many' but the submit button is currently linked to the 'thank you' because I get an 'incorrect' response if I have it set up to report. It's called Feedback.story

Any help would be appreciated.

Walt Hamilton

Chuck,

Here is a look at the Do_Dont quiz. Slide 1 allows you to drop the icons next to the text. It works because the icon is dropped, and instantly moves on a motion path back home, while the text space changes state to either the trash can or the  jar. Depending on which it should be, one is DropIncorrect, and the other DropCorrect. Any other way of doing it requires that the learner drop the jar and can in not only the correct place, but in the correct order.

Slide 2 allows the text to be drug to a target.

Slide 3 is the original.

Walt Hamilton

Here is the feedback story. I changed it to a Likert survey question. I copied and pasted your design, then turned some of the built-in elements invisible. I gave it a result slide. Result slides aren't normally in the story flow by default, so I gave it a Submit and Jump to Result slide trigger. I don't use that sort of thing enough to know how it reports to the LMS.


FYI There is a built-in superpower that sets other objects to Normal state if one of them is clicked. You summon it by selecting all the ovals, right-clicking them, and choosing Button Set. When one is selected, all the others are deselected' no need to write your own triggers.

Charles Radanovich

Hi Walt, thanks for your examples on the Do/Don't screen. What you've done is a great solution. I ended up doing something not to my liking but it worked well enough for the client needs. I'm embarrassed to say you gave me a solution like this quite a while ago but I didn't remember. I wish this kind of thing would be second nature to me, but my client uses very few quiz screens and on top of that, their LMS has been updated and no longer reports user responses!

Thanks again Walt, I really do appreciate your guidance.

Max Nally

This is amazing and informative discussion I changed it to a Likert survey question. I copied and pasted your design, then turned some of the built-in elements invisible. I gave it a result slide. Result slides aren't normally in the story flow by default, so I gave it a Submit and Jump to Result slide trigger. I don't use that sort of thing enough to know how it reports to the LMS.