Restore state changes when user clicks outside the triggered object?
I'm making my first steps using triggers/state changes and this is what I want to achieve:
On an screen there are about 20 textboxes. Some of the textboxes have a connection with each other, and I want to visualise this by adding a red frame around each of the boxes that are connected.
So far I managed to add a "hover" and "clicked" state to a text box.
The problem: I want all objects to go back to their "normal" state as soon as the user clicks anywhere but the triggered object. Right now the objects just stay in their "clicked" state and I don't know how to restore them.
This also goes for the "hover"-trigger: When I mouse over an object I want say 4 or 5 other objects to change their state to hover as well - and I managed to do this. The problem: The "restore on mouse leave"-function only restores the one object that triggered the state change; the other objects stay in their "hover"-state.
How can I make all objects go back to their "normal" state as soon as I move the mouse away from the "trigger-object"?
I'm sure this is can be done with storyline, but how?