Drag drop interaction questions
Oct 20, 2014
Alright, I'm building my first, more complicated interaction and it just seems like it should be easier and less "buggy".
Basically, it's a drag-drop where the user drags thumbnails of parts onto a full-size image. The thumbnail should then disappear when it's dropped on the correct hot spot, and the large version of that object should appear.
So, I set up the drag drop interaction with hotspots, created triggers to Unhide the layers with the large objects and another trigger to hide the layers when the timeline starts (because they large versions were still there if I left the slide and came back.)
Do i need to create another trigger to somehow hide the thumbnail? Because they still show up. And now, It only shows one large item at a time, as soon as I drop another thumbnail, it removes the first one. Does doing the drop action restart the slide?
Is there a way to set the thumbnails to slide back to their original positions if they're not dropped on a hotspot?
Is there a place that walks through all these "basic" interactions? Seems like this is way more trouble than it should be...
Thanks for any help!!
3 Replies
Hi Brian,
There is a tutorial here on working with drag and drop interactions.
You'll want to use a trigger and the state of your drag items (dropped correct or a hidden state) to be able to hide those elements as well. Do you have a sample slide or file you could share here with us so that we could take a look at what you've got set up and offer some advice?
Thanks Ashley, very helpful. Still can't get all the Hidden images to remain Unhidden when I drop the next target, and I'd like to reset the question if they leave the page and come back but don't know how to reset the positions.
test.story attached
Thanks!
Hi Brian,
Thanks for sharing your file.
For the first issue you mentioned, the "larger" items are not staying on the slide, as they're all set to be shown on different layers and you'll want to change the layer properties to not "hide other slide layers". Once you do that - the element works as expected.
In regards to resetting the question, drag and drop questions aren't automatically reset to their initial location when you revisit or reattempt the interaction. There are a few different examples of how to do this in the forums, and here is oneby Tom Kuhlmann and this blog post by David Anderson, with a link to this tutorial from one of our superheroes.
Hope that helps you get the design you're after!
This discussion is closed. You can start a new discussion or contact Articulate Support.