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
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.
There is potentially another way where you fake having multiple icons and change the state of the target to look like what was dropped on it. I'll mock up an idea.
Ok. Here's an idea that will deal with the whole icon drop target issue. Attached is the Story file to play with.
It would probably be easier to make it a click based activity and you choose if it's creme or trash and then you move down the list of statements that way.
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.
Cool resource, Walt. I'll share that in an upcoming webinar.
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
If either of you is interested, I'd gladly pay to have my screen fixed so it works as I described. I really don't like the look the 'pick many' interaction I made.
Please let me know, Chuck
I'm not able to do that. Perhaps Walt can.
Attach your .story file here, and I'll take a look at it.
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.
Hey Walt, I just realized the Feedback file was huge. I found an image in it that was very high res so now that I deleted it the file is a better size. Sorry about that.
Best, Chuck
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.
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.
Hi Walt,
I turned those into survey questions which worked out fine although I didn't like the lack of control over the look of the screens. Particularly the radio buttons.
Your superpower is great. Thanks for the tip. I will have great use for that in the future.
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.
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.