Help over Drag and Drop, object snap back

Jun 26, 2019

Siddhi Adhav
By Siddhi Adhav

Hi All,

I wanted to build a Drag and Drop activity, where there is a definition and 2 circles. The idea is:

  1. when the user drags the definition over the incorrect circle, the circle vibrates and turns red and the definition snaps back to its original place
  2. when the user drags the definition over the correct circle, the circle turns green and the next slide appears
    The idea

Issues

  1. Unable to change the state of the circle to green or red when definition hovers over it
  2. Unable to add the vibrate over hover mechanism
  3. To tackle this I created 2 separate layers (one for green, one for red) and used the change the state trigger to change colors of the circles
  4. The definition however, stays over the circle and does not snap back to its original place

I am a newbie so I hope my question makes sense

I'll be happy to provide any further details if needed

 

 

7 Replies
Ned Whiteley
almost 5 years ago06/27/19 at 1:57 am (UTC)

Hi Siddhi,

The attached example will change the circle colour to Green when the definition is dropped on the correct target and will change the colour to Red when it is dropped on the incorrect target and also return the definition to its starting position if dropped incorrectly.

It is not a perfect solution as I have had to use the "Object Intersects" trigger rather than the "Object Dropped On" trigger for the incorrect answer, otherwise the definition does not return to its start point.

You will also notice that when it does return, the circle remains red until you drag the definition over the correct circle, when it changes back to Normal as the other circle changes to Green.

In case you haven't yet worked out how to get the definition to return to its starting point if dropped incorrectly, all you need to do is to select Drag and Drop options when in slide view and select "Return item to start if dropped outside" and then "a correct drop target" from the drop-down list.

Hope this helps.

Siddhi Adhav
almost 5 years ago06/27/19 at 7:19 pm (UTC)

Hi Ned,

You absolutely Rock!!!! It really helped

I wanted to create a scenario where

  1. the definition when intersects the correct oval, it doesn't stay over it. For this I added the below trigger

Trigger

2. And when the definition is dropped over the correct oval, it automatically moves to the next slide

Trigger

The Problem is however that the user does not get to see the Green oval

Is there a way, where when the definition is dragged over the correct oval:

  • The definition goes away (it worked with the change state of trigger)
  • The oval changes to green AND THEN it proceeds to the next slide

I have added the storyline file for your review

Again, thank you so much. I really appreciate it

Ned Whiteley
almost 5 years ago06/27/19 at 11:09 pm (UTC)

Hi Siddhi,

This is a simple fix. In the attached version I have set the green and red circles to appear when the definition intersects the respective circle. This is also what causes the definition to hide when dragged over the correct circle (i.e. when the two intersect). However, you do not jump to the next slide until the definition is dropped on the correct circle and so, even if the user is fairly quick with dragging and dropping the definition on the correct circle, it will still turn green for long enough to be noticed.

I have also added an extra trigger for the green circle so that it changes back to Normal if the definition is dragged over it, but then moved away without being dropped. If you prefer this option to the way that the red circle currently operates, you just need to add an identical trigger for the red circle as shown below:

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