Drag and Drop interaction with a large image and a big number of text items to drag

Mar 01, 2016

Hi all,

I seem to be coming here a lot these days! I was hoping someone could point me in the right direction as to how to set up a specific drag and drop exercise. I know the basics of how to use the free form drag and drop option. However what we have is a large image (a triangle a little bit like the food pyramid-see the image I have attached below) and there are about 22 text items we want the learners to put in the right place on that image. (ie. on different steps of the image)

Question 1: How do I set it so that the text items go to a specific place on the image?

Question 2: There's a lot of text items and we think having them all as an option along the bottom in one go would be too messy. Is there a way of using layers or something so that the learner drags, let's say, 5 at a time? And then when they have all items dragged into where they think are correct, they then submit it to see if they are correct?

Any help would be greatly appreciated!

Many thanks,

Moia

3 Replies

Louise Lindop

8 years ago03/02/16 at 3:49 am (UTC)

Hi Moia,

Q1 - You can't set the text to go to a specific place on the image. In your drag and drop options you can choose to stack random, stack offset, snap to centre or free (leave where they drop it).

Q2 - If you wanted to do this 5 at a time I would create a new slide for each five with the triangle image set with the end result of the previous 5.

There are other ways to do it, but it depends on exactly what you want them to do. For example, if it is just an exercise, rather than a test you could work it so it only drops successfully if it is in the correct drop area (and otherwise returns to start point). If you do this, you can put the text in a specific place in your triangle, use a mask to cover it, then when they drop the correct drag item in the correct drop area you can then delete the original drag item, delete the mask and your text will be sitting exactly where you want it in your triangle.

The short answer is, it is all do-able (it a few different ways), but requires a good working knowledge of drag and drop interactions to make it happen.

Hope this helps.

Louise