Drag and drop item snapping (NOT drag & drop template)
Feb 24, 2016
Hi all,
I know you can have drag items drop freely if you use the Drag & Drop template in Storyline, but I am using a blank template and utilizing triggers to show a layer based on a drop target. I actually have two correct drop targets, which is why I am not using the template (which doesn't allow for two correct answers for one drag item, but if I am wrong here, please let me know). I also have state changes dependent on where an item is dropped, but the states can change unlimited times until the custom Submit button is pressed.
Long story short, the drag item is snapping to the center of the drop targets, which sometimes isn't visually appealing for the shape. Does anyone know how to change this when you're NOT using the Drag & Drop template?
Thanks in advance!
7 Replies
Create an invisible shape for the drop target, and place it where you want the center of the object to snap.
If that doesn't help, attach your .story file, and maybe somebody can take a look at it.
Hi Lindsey,
You mentioned not using the drag and drop template - but I'm unclear on how you're allowing the snapping to happen then? You can change the snapping options as detailed in this tutorial - and perhaps if there is not a "correct" option you could look at removing the scoring or feedback so that you're able to use those options but not have it tracked.
If I'm misunderstanding or you need more assistance please feel free to share your .story file here so that we can take a look.
I would love to just use the template, but it doesn't allow for multiple correct drop items for a single drag target. So instead I used a blank template, set it up the same way, then had a variable change based on where the user dragged an item (using Adjust variable ... when user drops an item on ...). But using the trigger options to create a drag-and-drop doesn't give you any option to edit the options like the template does; it just snaps the item to the center.
To solve, I ended up creating multiple hotspots over the targets that were giving me issues and just duplicating triggers I had already created. Works decently enough for me.
I would share the .story file, but it's for work, and my boss wouldn't like that :)
Hi Lindsey,
Correct - each drag item can only correspond to one correct drop target. Yes, when using the drag object trigger it'll always snap to center, so there isn't a way around it.
It sounds like you've got a solution that'll work - and thanks for sharing some additional information about it here.
I was working through a similar issue. I came up with a pretty decent solution, I think. This is the message I wrote: "SO…I most definitely spent entirely too long on this but I just HAD to get it to work! Now, you can put items in and out of the cage and when you click submit, it will only take into consideration the current items in the cage. They also follow a motion path when you drop them, so they don’t stack in the center. SO, they won’t drop exactly where the user wants them to go, but they won’t be in a big pile in the middle. And if the user wants to try and pick it up and rearrange items (resulting in multiple drops) of the same item in the cage, it won’t mess up the variables!" There are a total of five attachments that illustrate the programming of this drag and drop interaction.
Thanks Amy and if you're able to share a copy of the .story file that'd be great too so that folks could play around with what you've got.
Here is the story file of the drag and drop activity that I described above. Feel free to reach out to me with any questions. Thanks!
This discussion is closed. You can start a new discussion or contact Articulate Support.