Forum Discussion

ShannonBuford's avatar
ShannonBuford
Community Member
3 years ago

Drag & Drop Interaction: Small Issues

Good day to you all! First time poster, long time reader... 

I've created a drag and drop interaction, which I've attached, which works (for the most part) with a few 'small issues'. Here are the issues I hope to fix...

1. When correct, I would like the answer to 'lock in' to the description shape. Currently the correct answer will stay where dragged and dropped. I just think it looks cleaner if it 'locks' into the shape.

2. When incorrect, another choice displays. I'd like for the next choice to display only after a correct pair is made.

I hope that describes my issues, and I would greatly appreciate any ideas on how to fix it. Thank you all, love the community here!

 

  • Hi, Shannon.

    Thank you for sharing your .story file!

    While our talented community members will be your best bet in providing recommendations, I wanted to offer a suggestion for your first question:

    When correct, I would like the answer to 'lock in' to the description shape.

    Instead of using your Groups, you can create a small transparent target and use "Snap to Center" in the Drag and Drop options. In the example below, there's a blue rectangle I used as the target. I converted it to a transparent rectangle once in position:

    Windows 10 (1) 2022-05-11 at 9.15.55 AM

    Preview:

    Screen Recording 2022-05-11 at 09.17.48 AM

    I hope this helps!

  • ShannonBuford's avatar
    ShannonBuford
    Community Member

    That would certainly fix it! But, I'm not 100% sure how you used the rectangle. Did you attach it to the Engineers then create a group with them?

  • ShannonBuford's avatar
    ShannonBuford
    Community Member

    With the fix, now the answers appear in the exact order they are matched. The 'Answer Shuffle' doesn't seem to work. Do I need to adjust something else?

  • Hi, Shannon.

    On your original .story file (before the fix), the drag items were also not shuffled, since you are using the option to Reveal items one at a time.

    You can, however, change the order they appear:

    Windows 10 (1) 2022-05-11 at 5.00.03 PM

    Let me know if that works!

  • ShannonBuford's avatar
    ShannonBuford
    Community Member

    It did work! I had an incorrect match in the original, and that led to me thinking it wasn't reordering them properly. Thank you VERY much for your help.

    Is there any way of having only one answer appear at a time if matched incorrectly? I'm trying to think if there is a way I could use a variable, but I think it would get pretty 'weedy'...

  • Hi, Shannon.

    Here's a suggestion for that: in your Drag and Drop options, set it to return the item to the start point if dropped outside a correct target:

    Screen Recording 2022-05-12 at 01.33.34 PM

    Let me know if that works!