Multiple Drag Placement Drop Zones

Jul 11, 2014

Hi everyone,

I have been asked if I can produce a drag and drop question that allows for one or more drag items to be placed into one or more drop zones to equal correct.

This is easily done if, for example the question stem is written in a way to allow for a dual drag item e.g.:

Which colours are associated with Summer and Autumn?

Blue and Green

Green and Gold

Red and Green

Blue and Brown

But if the question has to be written in the singular, although this looks straight forward enough, is there a way to achieve this without achieving an incorrect answer if, for example, the student places the first correct colour into another drop zone? e.g. the answer here is:

Summer = Blue | Brown | Green

Autumn = Blue | Brown | Gold

and the student places the first Summer 'Brown' or 'Blue' into the Autumn 'Brown' or 'Blue' zone, is there a work around to allow for this? (Singular example below

Place the associated colours next to the seasons.

Drop zone 1: Summer Drop zone 2: Autumn

19 Replies

Phil Mayor
Hero

almost 10 years ago07/12/14 at 1:36 am (UTC)

You would probably need to change it and use an offside pick one question that is validated based on drop states rather than a freeform drag and drop question

David Love
Author

almost 10 years ago07/12/14 at 5:46 am (UTC)

Thanks for responding Phil. Can you elaborate on this please as I'm not exactly sure what you mean. Thanks.

Phil Mayor
Hero

almost 10 years ago07/12/14 at 6:11 am (UTC)

The built in question does not allow multiple correct drop targets. So to get round this I would remove the freeform and add a pick one freeform, I would add two objects for the freeform and move them off slide.

Then add dropped on triggers for the objects to change the states to drop correct when in the correct place. You can then change the state of the pick one objects off slide based on the states of the drop objects when you click the submit button, finally you then submit the interaction which will show the correct or incorrect layers.

Rebecca Fleisch Cordeiro

almost 10 years ago07/12/14 at 3:23 pm (UTC)

HI David,

I recently created a tutorial about setting up multiple drop spots with a Pick One here. Perhaps you'll find it helpful.

There's also a link there to the other thread where you can download a sample file.

David Love
Author

almost 10 years ago07/13/14 at 9:50 am (UTC)

Hi Rebecca,

Thank you so much. I will go through your tutorial and look at

the details in the example. Wonderful stuff - many thanks again

Joelle Urbanczyk

over 9 years ago08/18/14 at 12:24 pm (UTC)

What if you are using an image and a text box that is grouped? I have followed all the necessary steps and cannot get a correct answer. I believe it may have to do with my drag items being grouped. I can only specify the image or the text alone to be the correct state.

Rebecca Fleisch Cordeiro

over 9 years ago08/19/14 at 5:22 pm (UTC)

Hi Joelle,

The groups may well be messing things up. Would it be possible for you to attach a sample slide here for the community to take a look?

ashish sharma

over 9 years ago08/20/14 at 12:09 pm (UTC)

Hi Rebecca,

I used the BOSTON example and it works quite nicely. I have a question. How can I make it work for more then 1 attempt.

So when a user presses submit and gets an incorrect answer, on pressing try again, the drag objects should go back to the original position.

Could you please suggest something.

Thanks,

Ashish

Rebecca Fleisch Cordeiro

over 9 years ago08/20/14 at 2:11 pm (UTC)

Hi Ashish,

See attached. Here's what I did:

Set up the quiz so that 3 attempts are allowed.

VARIABLES

Added a T/F variable I called "tries"

LAYERS

Base Layer: Changed the slide properties so When Revisiting is "Reset to initial state."

Try Again Layer:

LAYER TRIGGERS

Added a trigger that adds 1 to the TriesVariable when the timeline starts

Added a trigger to show the Incorrect layer when the timeline starts of the TriesVariable is greater than 2.

OBJECT TRIGGER

Jump to the Pick One slide (so actually the base layer of this slide) when the user clicks the Try Again button.

I think I captured it all. Please shout out with any questions.

drop_2_correct_pick_one_boston_with_try_again.story

David Love
Author

over 9 years ago09/13/14 at 8:42 am (UTC)

Hi all,

I followed Rebecca's example to generate a multiple drop by creating a pick one, but it's not working, and I don't know why that is. I am hoping someone can take a look at the mock-up, and have the objective eyes to see where it's gone wrong. I have attached it here. Thanks in advance.

Multiple+drop+target+-+pick+one.story

Michael Hinze

over 9 years ago09/13/14 at 9:54 am (UTC)

@David, try changing the fill of your four drop targets from No Fill to Solid Fill (some color) 100% Transparency.

David Love
Author

over 9 years ago09/13/14 at 12:09 pm (UTC)

Thanks Michael. That worked - but also, I had not added an OR variable for one, but had it as an AND instead. Now all fixed

Rebecca Fleisch Cordeiro

over 9 years ago09/14/14 at 10:46 am (UTC)

Hi Michael and David,

Michael, tx for jumping in on this. It's been crazy busy and difficult to find some time to jump in here.

David, glad it's all fixed.

David Love
Author

over 9 years ago09/15/14 at 1:56 am (UTC)

Thanks Rebecca

over 9 years ago11/19/14 at 3:22 pm (UTC)

Rebecca,

I've followed your video but I'm running into a issue where the items are snapping back if they are dropped on the incorrect box. I would like it to all the user to choose incorrectly and then submit. Can you please help me? I have 6 pictures and 6 empty boxes. The user is to put each picture in a DO or DON'T column.

Ashley Terwilliger-Pollard
Staff

over 9 years ago11/19/14 at 6:15 pm (UTC)

Hi Katherine,

It may help if you're able to share that one slide here with us so that we could take a look at how the triggers and elements are set up. You can add it using the "add attachment" button and you may want to include just that one slide here as the forums have around a 20 mb upload limit. You can import that one slide into a new project as described here.