Custom Drag and Drop - How to Eliminate Snap to Center

Aug 07, 2018

I'm using Articulate 360.  I'm creating a custom drag and drop (not using the built-in form) with a single draggable object and four drop targets (three incorrect and one correct).  If it drops on an incorrect area, I want to play audio feedback and change the state of a graphic so that area is shaded.  If it lands on a correct area, I want to play audio and then advance to the next slide.  I have it set up with triggers.

I have two questions:

1) The draggable object is snapping to the center of the targets when dropped. I want it to stay in the same position where it was dropped.

2) Can I return the draggable object to its original location if it dropped outside of the four allowable areas?

Thanks!

22 Replies
Dawn Chamberlin

Thanks Lauren. Unfortunately, that does not work either. I have tried every option. It appears that the old bug is back where if you have a button with states that need to change as it is hovered over, dragged or dropped onto the stage then the snap options, or lack there of, do not work and the object always snaps to the center of the "wrong" target area.

Ren Gomez

Hi Dawn,

Sorry to hear that you've tried everything and still aren't able to get it working!

With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or you can send it to me privately here. I'll delete it when I'm done troubleshooting. 

Ren Gomez

Hi Carmen,

Sorry you're coming across the same issue! It looks like we've noted this is a possible software bug. Now that you're subscribed to this conversation, we'll be sure to pop in here and share any updates.

We were able to offer Dawn a workaround. Feel free to get in touch with our support engineers as they may be able to help troubleshoot your specific interaction!

Ghislaine Laurin

Hi everyone,

Has this bug been corrected? I have created a Freeform drag-and-drop interaction, where users can drag multiple objects and drop them anywhere on the screen. I have tried unchecking "Snap dropped items to drop target" or choosing "Free" and objects still snap to an offset location. When I drag and drop an object (object #2) near an object that has already been dropped (object #1), object #1 changes location! My intention here is for users to design a poster by clicking and dragging multiple design elements (objects) onto a blank background. The objects do not stay where they are dropped, or, when dropped, affect the position of other objects! Is there a way around this?

Ren Gomez

Hi Ghislaine,

Thanks for reaching out! To help clarify, the bug we have reported currently is:

The action to return an item to the start point if dropped outside a correct drop target will not work if the drag item has an associated trigger.

It sounds like you may be experiencing something different from this, but I'd like our support engineers to take a look and see if they can lend a hand with your interaction! Can you share the troubled slide or file to your personal upload link here

Once they're done testing, they'll reach out with next steps!

Steven Benassi

Hi Jennifer!

Thanks for reaching out! Sorry to hear you are having issues with your drag-and-drop items snapping to the center of your drop target! I'd be happy to help!

We are still actively monitoring a bug that causes the drag-and-drop feature to malfunction. However, a helpful first step would be to determine if your project file is being affected by the same one.

Would you be willing to share a screen recording of the behavior or a copy of your .story file for testing? You can attach it here in the discussion or privately through a support case. We'll delete it from our system once troubleshooting is complete!

Looking forward to hearing from you!

Sharon Bildstein

Hello. I am also having a problem with snapping to center when I've done everything I can think of to have it remain where the learner actually drops it (free). I saw a post last week that suggested to right click on object and indicate Free, which oddly was not matching how I'd set it on the ribbon. So the right click solved my problem. On Friday I updated my SL360 and now neither the ribbon or right click are setting as Free, they're going to Center only. Any ETA on when the bug will be fixed?

Kelly Auner

Hi Sharon,

Thanks for reaching out and I'm sorry to hear that you're experiencing this issue! Currently, I don't have an update, but I'd be happy to take a closer look at your course if you're comfortable sharing it with our team. You can upload it here or share it privately in a support case. We'll delete it from our systems once troubleshooting is complete.

Alžběta Kubikova

Hello, I've run into the same issue - I want my drag items to return to the start position if it's placed incorrectly, but it doesn't work. Instead, it snaps to the incorrect target and changes its state to Drop Incorrect. I've tried to remove the states Drop Correct and Drop Incorrect but it didn't help.

Did you have any success resolving this issue? Could you advise me how to make it happen that once the drag item is dropped incorrectly it returns to the start point?

Thank you!