Selected / Hover state - what about selected hover??

Hello all - I have a question about the Selected and Hover states.

I have an 4 images - as you move over each image - I have the hover state set so it gives it a slight highlight, and I have the selected state so it makes it a bit brighter.

I have noticed however, the hover state seems to take precedence.


What I mean is that if I hover over my image - it highlights - I click it - but it appears that nothing happens.  But once I move off the image - the selected state then displays.

What I want to happen is when I click it - it changes to the selected state - and not the hover state at that point. 

Do I have to explicitly make that happen on the click trigger?



12 Replies
Ashley Terwilliger-Pollard

Hi Rob,

You don't need to create triggers for these as detailed here in the definitions of all the states, and how they'll behave. 

If you're having difficulty getting the states to work as detailed there, are you able to share a sample .story file with us here so that we could take a look at what you've got set up? 

Ashley Terwilliger-Pollard

Hi Jay,

I'm not sure based on Rob's description (as I didn't see his file) if he was using triggers or allowing the states to control themselves based on the definitions? There isn't a state that combines selected and hover if that is what you're looking for - but you're always welcome to share your thoughts in the form of a feature. 

Jay B

Thanks for the response Ashley, I've sent the feature request sent, but this really needs a workaround in the meantime...

For example: We're using states to show selections of graphical elememnts that are in a custom marked quiz, and we're experiencing (and always have) the same issue that Rob described: When the user clicks the element, it doesn't appear to be selected until the mouse leaves the area. If the 'down' state is also used, the selection identifier (in this particular case is a checkmark) shows ONLY while the mouse button is down and this is confusing to learners. The flip side (that we've tried) would be to include the checkmark in the hover state, but then if the element is already selected and the user is de-selecting the element the checkmark stays there until the mouse leaves the region. Herein lies the NEED for a selected-hover state.

So, thoughts on a workaround?

Bill Kelleher

Hi, if you folks are still subscribed, I was hoping to get some clarification on what you're looking for. I feel like, if I understand this correctly it would be useful, just want to make sure I am on the same page.

I am attaching a story with a button with 4 states. Right now, I am not sure if you are: 

A.) Looking to create something like what is shown (due to the way hover works, which you can see bleeds into the down and selected states) ?

B.) Looking for a 5th state to be built in and available for that purpose, without the hover state bleeding in?

or C.) I still don't follow.

Thanks for the clarification.