Disabling a trigger after state change?

Hi everyone,

Newbie trying to create this simple interaction:

There is an image, when a user hovers over a particular part of that image an outline appears around that part to indicate that it is clickable; on click a popup panel appears with a close button. On clicking the close button the outline no longer appears but the user can still reclick if they want to, so essentially it marks itself as 'visited' but still clickable.

So I have the image, with multiple states, the original [initial] and then with the outline around the clickable part [outline], visited, disabled etc

On another layer I have my popup with text.

I made a hotspot [& I also did the same thing with a transparent button to see if the built in states would help me but couldn't get any further] - and put in a trigger to show the 'outline' state on hover over, and to show the layer with the popup on click.

But when I hover over the hotspot/button the outline is still showing. I want it disabled to show the user they have already clicked it. Right now the outline shows on hover even when the popup is open, as the trigger is active of course. Can I disable this trigger? And also, have I completely gone in the wrong direction with this??

I have set the image to the 'disabled/ & 'visited' states when the hotspot/button is clicked but this didn't do anything.

Many thanks,

Jackie

1 Reply
Ashley Terwilliger

Hi Jackie,

Buttons have built in states, but shapes do not. So you'd need to set up the states for your individual shapes (hotspots don't have states) according to how you'd like it shown. In regards to disabling the trigger, I'm not following what you'd like to do, but you can set up a trigger with a condition - say that the trigger is "live" if, the state of shape X is visited. You'll also want to check your trigger order as well, as triggers are fired from top to bottom. 

You may want to review the tutorials here for states and triggers, and if you're still needing further assistance it may be easier if you're able to share the .story file here with us or even a sample mock up so that we could take a look at what you've set up.