Complex Drag and drop interaction

Aug 29, 2013

Hello Storyliners!

I have a conundrum. I have attached the slide to make this easier to understand. The slide is almost perfectly the way I want it.

I have three TYPES of source drag items (5 ticks, 3 crosses, 2 pictures).

Having 5 ticks, there are 5 spaces that ticks can go. As there is no differentiation between the individual ticks, any of the 5 ticks can go in any of the 5 spaces. THE PROBLEM: Multiple ticks can occupy one space. Is it possible to make some change so that once a space is occupied, it is 'locked out' to other drag items?

This is driving me crazy thinking about it!

Thanking you all!


8 Replies
Mike Enders


Here's what I'd do. At least at first blush (I'm guessing there's probably a more elegant means...but I'd have to think on it earlier in the day!).

I'd add a 99% transparent shape (square) over each of your hotspots.  Start the square off in the hidden state. Then trigger it to adjust it's state to normal when an object is dropped on it's corresponding hotspot.  This should keep the hotspot under it from accepting any more drop items.  Probably a fair amount of triggers to add...but it should do the trick!


Mike Enders



Could you describe your desired outcome for the learner?   I see that you have a well done layer, but that it's predicated upon the learner getting all of the items into a correct drop state.

Do you want to force the learner to get them all correct before advancing?  Or is there a "fail" outcome that they could encounter?   If you want to force them to get everything correct, then my solution would be to use the object appearing over the drop state to stop further drops (getting this to consistently happen is simply a matter of triggers) and using the disabled state on the draggable  objects.  So when they are dragged into a correct zone, they are then disabled (which prevents further dragging).  You'd then evaluate the disabled states to fire the well done layer.


Josh Onikul

Hey guys!

Thanks for the replies! I must have overlooked notifications for this thread and only thought to check back today ( was completing other work rather than dwell on this problem).

Mike, you are correct in that the idea is once all the shapes are in the correct place, the end layer comes up to let them continue. I did try your suggestion, but it did not always prevent the interaction (in the majority of cases, it would still allow you to remove the shape, or drop extra ones on it, and it would only sometimes lock them down. I have no idea why.)

Dipti, thanks for the slide. It seems to be very fragile however. I managed to lock out all the shapes in one box, without being able to submit a shape first. Maybe I am asking for too many interactions. I will have a look in more detail at what you have done Dipti, and see if I can further tweak it from there.  Thanks for trying to help me out on this one guys, I really appreciate it!


This discussion is closed. You can start a new discussion or contact Articulate Support.