Need to mimic drag and drop without the scoring

Mar 03, 2020

Hello community,

I'm trying to create an interactive information slide with a drag and drop feel.

the learner will have icons to drop into a box, one for if they have coverage and one for if they don't.  when they drop the icon into the respective boxes, it will jump to a layer to show the result.

I would like the slide to work like a drag and drop question, where there can be only one square in a box, and when square a is replaced with square b, it resets back to its original position.

I've attached the file.

thanks in advance.

11 Replies
Ned Whiteley

HI Ari,

Not sure if this is exactly what you are after, but in the attached example I have added a Continue button to each layer that jumps the user back to the original slide and then used the Slide Properties to to Reset to Initial State When Revisiting.

This will have the effect of resetting the slide ready for the user to select another option.

Hope this helps.

Ned Whiteley

Hi Ari,

Further to my last post, if you wish to prevent the user from making a second selection before using the Continue button, all you have to do is to include a 100% transparent rectangle as the bottom item on each layer.

This will prevent the user accessing any items on the base layer whilst another layer is open; however, base layer items will still be visible.

Erin Sadler

How about this - I've added a motion path with a distance of 0 pixels to each drag object. Then told them to animate on that path if the other drag object intersects with either target. You could adjust all that to how you want it, but it basically resets the position of the thingies - is that what you mean?

(I imagine you could have them reset (play that anim) if you drop them outside the boxes too - maybe an invisible background box behind the targets, that triggers the animation if they drop it on there)

Erin Sadler
Ned Whiteley

Hi Ari,

Further to my last post, if you wish to prevent the user from making a second selection before using the Continue button, all you have to do is to include a 100% transparent rectangle as the bottom item on each layer.

This will prevent the user accessing any items on the base layer whilst another layer is open; however, base layer items will still be visible.

Wouldn't you just check 'prevent user from clicking base layer' in the layer properties?

Liesa Rock

Hi,

I would like to create a drag and drop to show layers, e.g. drag a shape to an icon and the layer appears.  I have got this to work but when previewing, the dragged shape does not always drop into the icon as I would like.  I am using a round shape to drop into a magnifying glass.  How can I easily make this a smooth action and the shape drop into the glass round?

 

Erin Sadler

Probably the easiest way to explain would be to make the drop target a transparent shape (or hotspot, can you use those? I forget) over the critical point of the magnifying glass, rather than the magnifying glass image itself. Then you can tweak the positioning until it look like your shapes are snapping to where you want them when you drop them.