My hover states are overriding my selected states

Dec 16, 2022

I have a fill for the "hover" state. When I click ("down"), it shows the fill and an outline, and it works as intended. When I release the click, it should now show my "selected" state (only the outline). However, it instead goes back to my "hover" state (until I move the cursor away from the object, which is poor user experience).

Please see the attachment for reference. How do I get the "selected" state to show rather than reverting back to "hover" when I've already made my selection?

Thank you!

9 Replies
Brenton Jenkins

Hi Tom,

Thanks for the thorough explanation. I now understand how the example I posted works – with shapes on top for the Selected state.

Attached is my modified version of my slide – is this what you meant? It’s not quite what I was hoping for (which isn’t possible considering hover can’t be overridden), but it’s serviceable. I think Storyline could benefit from a “Hover + Selected” state or something along those lines.

On a separate note, I notice that my text wiggles/moves a pixel or 2 on hover (even though the states were copy/pasted from each other). It looks sort of clunky/amateur. I’m not sure why it’s doing that, although this seems to happen on all my Storyline projects.

Jürgen Schoenemeyer
Brenton Jenkins

On a separate note, I notice that my text wiggles/moves a pixel or 2 on hover (even though the states were copy/pasted from each other). It looks sort of clunky/amateur. I’m not sure why it’s doing that, although this seems to happen on all my Storyline projects.

before:
https://360.articulate.com/review/content/9a5c7d61-6263-4d02-99f5-a06bcefc3156/review

convert the border of the "normal" state from none to color white

after:
https://360.articulate.com/review/content/0cd5a299-d225-411d-acf5-9f4af34e2a63/review

now all 4 states have the same outer width and outer height