State change for "grouped" state
Hello and thanks for all the help in advance!
I have an interaction were the learner is suppose to drag sticky notes onto a whiteboard. Simple enough right? I have a text box which is a variable that is filled out beforehand by the learner, that needs to be dragged with the sticky notes. So what it looks like is your "text entry" being dragged when I grab the sticky note.
When the notes are dropped onto the whiteboard, in order to save space, I wanted the sticky notes to become smaller, and instead of having the text with variable, the design of the sticky note needs to change to a smaller note, that has scribbles on it.
What I did to accomplish this was copy the text box that contains "%textentry1%" and i edited the state of my sticky note, pasting the text box onto the note.
I created two other states, a drop on state and a hover state. However when i drop the note onto the drop zone, it changes to the correct state, but the text box from the "Normal" state stays. See the image below to see whats going on.
Is there a work around for this? even though my dropped state does not have this text box in it, it still remains.