Hide layer after changing state
Jun 19, 2013
I've made a drag and drop page with a note that has to be dropped in one of the closets. When it's dropped on the correct closet, the note turns green and a layer shows a 'correct'-message. When it's dropped on the wrong closet, the note turns red and a layer shows a 'wrong'-message. When I move the note back to the open space above the closets, the note turns yellow again. I also want the correct or wrong layer to disappear, but I don't know how to do that. I tried a trigger that says: hide layer when state of note is normal, but that doesn't do the job... How can I solve this problem??
3 Replies
Hi Katja and welcome to Heroes!
There may be another way to resolve this issue, but I have done so by adding a shape around the original position of the draggable note (which I have called 'Drop_Reset') - this is semi-transparent so you can see it on screen, but you would need to make it 100% transparent so the user doesn't see it.
I have also amended the 2 'hide layer' triggers so that the action is executed when the 'note' object is dropped on the 'Drop_Reset' shape.
I attach my version of your example so you can see for yourself - I hope this helps!
Antony
Thanks for your reply!
That would be a possible solution... I did think of that as well and I tried it, but the 'problem' would be that the note always jumps to the middle of the rectangle, it doesn't stay where the user released the mouse.
Ofcourse it works and it's a solution, but it would be more beautiful if the user could place the note everywhere...
If you select the 'Drop_Reset' shape and right-click on it, there is an option called Drag and Drop. If you click on this, you are given various options. Select Free and this will retain the position the user drops it at when they release the mouse.
This discussion is closed. You can start a new discussion or contact Articulate Support.