Forum Discussion
My hover states are overriding my selected states
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!
- WaltHamiltonSuper Hero
This is designed, expected behavior. Hover is the priority state. What you do with it is a design consideration.
- BrentonJenkins-Community Member
It works as intended in this example someone else posted. The selected overrides the hover.
Try this:
- go inside the selected state
- fill the text with white
- cut and paste it
That should work because you're inserting a shape over the original object
- BrentonJenkins-Community Member
Hi Tom,
Thank you for your reply.
I'm not quite following what you're asking me to do. Can you please break it down a bit more?
Here's a quick video to show what to do and why.
https://360.articulate.com/review/content/77a1e547-fe76-4af8-872e-18197206322d/review
- BrentonJenkins-Community Member
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_Schoene_Community Member
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/reviewnow all 4 states have the same outer width and outer height
Hi Brenton!
I see you connected with my teammate, John Carlo, in a support case. That was a great call! We'll continue the conversation there.