Forum Discussion

Tim_'s avatar
Tim_
Community Member
2 months ago

Manipulating states when open/closed

I want to open a layer, and have the state of the button/item that opened it go into a Selected state while the layer is open, and return to a visited state after the layer is closed, and no longer Hover once the button is in a Visited state. I want an icon to show after the layer has been closed.

Visited is immediately set after clicking. So the 'Selected' state can't work this way.

Hover still applies to Visited states.

----

I have tried using custom states. Normal, Over, Open, Done.

I've set up my own hover (using mouse over), and set it so that it won't set the state to Over if the state is already Done or Open. This sometimes works - it is inconsistent (works on the second go). 

On my layer, I set the state of the button to Done when the user clicks outside a rectangle, and also close the layer on the same condition. I wish there was a layer close event.

The icon state is giving me grief, as the Over and Open states need to define the icon for when it is unvisited. I can't have custom triggers inside a given state to control which one to show.

https://360.articulate.com/review/content/7b6606b8-e365-4ea7-b733-7d74081a2930/review 

If I have to lose the hover state (it seems buggy), so be it, but I'd need the icon to change and stay changed after the layer closes.

Any suggestions?

  • Using a 'blocker' is an old-fashioned but usefull trick, also in this case.
    Showing here... and the .story is added there too.

    https://360.articulate.com/review/content/cce9cc1c-ebf9-4b3c-8653-acad6c721f4f/review