Forum Discussion

valentinatod405's avatar
valentinatod405
Community Member
3 years ago

Drag and Drop Issue - How to make objects that don't have a drop target turn "incorrect" if dropped somewhere

Hi Everyone! 

I have what sounds like a very basic question, but I can't find an EASY working solution. I'm building a drag&drop with the following elements/mechanism:

  • 7 objects that could be potentially dragged
  • One drop target
  • Only 3 of these objects are the correct objects to drop into the target 

Mechanisms I need: 

  • I need the activity to result CORRECT if the learner drops the 3 correct objects into the drop target (and they have to turn "green") --> this works
  • I need the activity to result INCORRECT if the learner drops more objects into the drop target --> this works
  • I need all the objects dropped into target to turn either "green" or "red" depending on whether they were supposed to be dropped there or not --> I can't make this work; correct objects turn green, but the incorrect ones don't, and from my understanding that's because for Storyline they have not  been dropped into an "incorrect" target... but that's because they DON'T have a target. 

I have multiple solutions that I have already used in other situations, but they require a LOT of additional variables and triggers, I don't have the budget for this specific project. This time I decided to ask because maybe I'm not seeing a simple solution :) 

Thank you for any suggestion

Valentina

  • So give the "incorrect" items a target.

    It could be a tiny, transparent rectangle. Put it as far away from the main target as possible, so it'd be highly unlikely that anyone would drag an item near it. 

  • Thanks Judy! But that wouldn't work either I think, because then if users don't place the object in that "hidden" drop target the activity result would always be wrong, even when the objects that should not be dragged remain in their initial position, where they should indeed stay. Or am I missing a setting? :)

  • Judy's tip works. Here's a quick tutorial.  In the drag/drop options you can set when to show drop correct/incorrect and also have objects snap back when outside the right target.

  • Thank you both very much! I can see it's working in the case you recorded (thanks for the recording by the way!)

    BUT, I do have a Submit button in my case, and I need it because I can't tell learners if they are doing right/wrong as they move objects around, they need to complete their "selection" and than see if they were right. Now, let's say I drag the correct object into its drop target, and I don't touch the triangle and the square (which would be the correct solution for the exercise); what would happen to those two shapes as soon as I click submit? I think they would turn red because they are not in their correct drop target (the one outside the slide) and the exercise would be considered wrong. Or not?

    I may be missing your point but I can't see how :)

  • I see what you're saying. You'd have to probably take the draggable distractors out of the form and add triggers to make them draggable and triggers to change their state when you hit the submit button. 

  • Thank you Tom! That's brilliant :)

    I'm going to ask you if you can think of a easy/quick solution to make the incorrects return to state "normal" - or not turning into "drop incorrect" - if they are dragged outside the target before clicking submit, let's say the learner changes her mind. 

    What I'm thinking is to create an additional invisible shape that covers the rest of the slide on the left of the target and add a trigger that changes the state of  the incorrects to normal when dragged over/dropped on this new shape. BUT, some spaces around the circle may not be covered (and I also have funny shapes in my real project). 

    Or is there an easier trigger I'm not considering. What do you think? :) 

  • Hi Valentina,

    The easiest way is to set incorrect ones to turn "red" when submitting whether they are dropped on the target or not. It makes sense to me to tell learners that the options are incorrect. However, if you really need only dropped incorrect options to turn "red", you can use the intersect/end of intersecting triggers to change the state of incorrect options. I modified Tom's story file to mock-up.

    dragDropFeedback_Joanne | Review 360 (articulate.com)

  • add a drop target off slide and sign them to that, then remove the drop target from the focus order, then n the feedback layers add triggers to change them to normal or another state that looks normal