Drag and Drop - only allow 3 answers in drop zone

Hi Guys,

I have been asked to make a drag and drop with 6 items and 2 drop zones.  I need to allow three items in each drop zone and then stop the learner from adding any more, I also need to allow the learner to change their mind before clicking submit.

Any help would be much appreciated.

Thank you


10 Replies
Harri C

Hi Naveed,

It is a nice suggestion but I really didn't want to lose the functionality whereby the drop items shuffle along when you drop another item in the drop zone. I am building a course where I have to be very carfeul not to 'confuse' the learners - I can see how an answer being bumped out automatically would lead to confusion as people may believe the answer to be incorrect rather than having been moved because they was no more room in the drop zone.

But thank you again for the solution, you've clearly spent quite some time on it for me.

Harri C

Hi Naveed,

Thank you, but it still doesn't quite meet my needs. The issue I have is that if i drop item 1 over the top of item 2, item 1 gets shunted out of the drop zone - my learner's would probably see this as a sign that the answer is incorrect or that only one answer can be entered. The built in function I had before moved the drop items along so if i dropped item 2 ontop of item 1 both would remain in the drop site just one would be to the left of the other.

Thank you for your help, but it looks like I can't quite achieve what I'm looking for so I guess I'll just have to pick the least confusing/buggy looking option and run with it.

Thank you again.

Ashley Terwilliger

Hi Harri,

I think you'll need to include it somehow in the directions, that if you drop an item on top of an item you've already dropped - that it'll kick the item out and it's not necessarily wrong. It may help to delineate those boxes a bit further for the three different sections so that you know the drag boxes will fit in each one, instead of thinking the whole larger box is the drop target.  I don't think there is any way to prevent the elements from being kicked out using states or variables.

Harri C

Hi Ashley,

I'm going to need to go back to the client and see what they want me to do as these interactions have to be kept as simple as possible (instructions and all) so it might be that I need to reconsider the use of DnD, perhaps substitute it for a select one style interaction.

Thanks for the help though