Drag and drops that lock in correct answers

Jan 04, 2024

Hi everyone,

We're doing a little research on matching drag and drops. We'd like correct answers to "lock in" and stop being draggable once they're placed in the right spot and submitted. We'd also like for learners to not be able to drop items on top of those items once they're locked in.

Here's a review link: https://360.articulate.com/review/content/91e8a2b2-3fec-46d5-8384-24f27e874c1e/review

Story file is attached with one way we've been doing this (most of the action is on the Try Again layer), but please let us know if you know of a simpler way to build and reuse this kind of interaction. Thanks!

2 Replies
Joanne Chen

Hi Mandy,

You don't need variables to achieve your goal; that would only make it more complex. What you need is:

Ghosting the drag and target items:

  1. Create a "Drop Correct" state for each drag item and delete the item to make it nonexistent (you will have the state but no item). So when it drops correctly, it will disappear and not be daggable.
  2. Create a "Disabled" state for each target item and delete the item to make it nonexistent (you will have the state but no item). So when it drops correctly, the target will disappear. (Other drag items will no longer be able to drop on it.)

Use two triggers for each drag item in both layers to achieve what you need:

    1. Change state of #Lock to normal when state of drag item# is drop correct. 
      Use #Lock (e.g., Stim Lock) to fake a correct state of the drag item. When the item drops correctly, the drag item will disappear, and #Lock item (initially hidden) will appear.
    2. Change state of target# to Disabled when state of drag item# is drop correct.