Drag and Drop Simulation

Jan 04, 2017

Hi,  I am trying to set up a drag and drop slide, that lets the user drag and drop images to correct targets, changes state when both moved so the images left reduce and when dropped correctly, they change to green.

Ive got this mostly correct based on another users examples however the last image, when you hover over it does not not change mouse option or let you move.

I also wanted to incorporate a "show me" example on this page that lets the user say show me and use the slider bar to show a simulation of the images being moved over correctly.  I tried to do this with the slider and layers however once placed on the correct target the images don't disappear from the left.  

So two issues;

1.  Last object won't move to target
2. Slider show me layers keep showing images on left.

I originally did this as a drag and drop question slide but then found I could do it with states so I think this is why its still appearing on that slide template but no objects to target detailed.  When I added in this detail again later it didn't work as intended either.

Id be grateful for any help on this as Ive been stuck on it for a while.

6 Replies
Wendy Farmer

Hi Ian

just had a quick look - a lot of your layer triggers for the animation have 'unassigned' not sure if that is contributing to Point 2.

and one of your triggers is referring to object six and changing it back to normal when you drop something target 5 - yet it lets me drop object 6 before five so that is why it is turning it back from drop correct to normal when they are done out of order.

Christine Manning

Hi Wendy, thanks so much for looking into this and replying (actually Christine - Ive updated my profile).  

1.  Those first unassigned triggers on layers, I removed as they should have been assigned to the same path which would make them loop (as per this example but I realise I don't need the loop in mine.

1a.  This part (Show me) is working better now but still not right.  I added a change state so it would go green when the move animation was complete and 1 and 2 work but the rest not quite and still showing red behind it.  The last one never moves, event though its set up like the others.  Im thinking I might need to add layer 7 just so you can see its final place.  and finally once they're all in their place or as they get moved to their place I don't want to see them on the left.  I realise they are showing the base layer but if I don't show the base layer then the slider does not work.  

2.  I updated it so you couldn't select 6 until 5 was placed however I still cant pick up 6 and place it at the end.

Again, would appreciate any help on this.  I keep going around in circles.

 

Wendy Farmer

Hey Christine

I have fixed the object six issue...note I changed the disabled state to a different colour just for testing so you can change that back. I also added a trigger to change to drop correct when object six was dropped on target six.

Check it out and let me know it's working as you want - then I'll take a look at the slider issue.

I have to duck out for an hour or so in case you don't hear from me.

Wendy Farmer

HI Christine

sorry for delay in getting back to you. Take a look at the updated file.

I removed all the layers and put the 'show me' onto it's own slide with all motion paths on the same base slide - much easier to control than all the layers. You may just need to tweak the size of the drag objects and the target objects or maybe it's just my bad placement ;-)

Hope this will work for you

Christine Manning

HI,

Sorry for long reply, it wasn't. working exactly as I intended so did some tweaking too based on your changes and along the way realised I had a lot of replicated objects on the screen and added complexity I didn't need.  Think its finally done now.  Thanks so much for your help it is very much appreciated.

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