Challenging custom Drag and Drop interaction
Apr 25, 2017
I am building a custom drag and drop interaction for an onboarding course and can't figure out how to solve the following challenge.
Here's what I want learners to be able to do:
- When they click each object (see picture or story file), a corresponding attribute should appear above the red line (ex: "takes initiative", "direct and specific").
- When they drag the object from its place to the backpack, the attribute should either remain at its place or disappear.
My question is: How do I make those attributes appear and disappear when different objects are clicked? If I add them to the selected states, then when the object is dragged over they will also be dragged over. If I trigger them to show up when object is clicked, then if you go back after clicking other objects and click the same object again, the attributes will not show up anymore.
Let me know if any of you knows how to deal with this.
Thanks!
Lili
8 Replies
Hmm, okay, here's my thinking.
I think this should work. :)
Hi Liliana,
I just had a look at your file. Here's what I recommend:
Here are a couple articles you may find useful:
Hope that helps! Let me know if you're still having trouble.
It worked! This is exactly what I wanted, thank you Nejc!
Fantastic! :)
Hi Allison,
I've tried to follow the steps but the attributes still got dragged over when the object was dragged over :(. I must be doing something wrong...
Anyway, Nejc also gave me some ideas and the file is finally working properly. Thank you both for the suggestions!
Another option I've used is to use a Text Variable as a "container" for other preset text messages. The text in the container updates as users do different things.
See this quick example.
That's an interesting and creative way of doing this, thank you for putting together the example Owen!
My pleasure.
This discussion is closed. You can start a new discussion or contact Articulate Support.