I'm creating a custom button to use within an activity menu and one of the features is to have a hover and down state attached to it. I've done this but cannot get it to work - Hover works fine but when you click down with the mouse it stays on the hover state.
I must be missing something simple but its driving me up the wall.
I've attached the story file and would be grateful for any help.
The 'Down' state happens on top of the 'Hover' state, since the mouse is still on top of the button. In essence, you'll still see the shadow from the Hover state even when the button is clicked. It looks like you already have everything set up correctly - it's just that the Down and Hover states are so similar, it's hard to tell that it's working as expected.
I deleted the Down state in your file since it seemed to be somehow connected to the Normal state, and then created a new Down state. I added a thick border around the button in the Down state so I could easily see the difference between Hover and Down. Give this a try, and let me know if you're able to get it sorted!
I was going for quite a subtle effect where the 'down' state is the same as the 'normal' state. However, based on your explanation of the 'down' state sitting on top of (rather than replacing) the hover state I am assuming that the effect I want is not really possible to do?
Alyssa, taking the above into account I am still struggling to get this to work how I want as the 'down' state now has a darker line than the others but the background yellow is the same as the 'normal' state (darker than the 'hover' state. When I run it and press on the mouse, the darker outline comes into view but the background yellow stays on the colour use for the 'hover'.
Again, any help gratefully received as not sure if it is me or Storyline (still quite new to the software).
Like Pierre, I also saw that it works with any other color. Weird, indeed! Fortunately I was able to achieve the states you're looking for using a workaround - here's a quick Peek at how I did it. I also attached your updated file here. I hope this helps!
Thanks Alyssa. I'd like to take a look at how you did it but when I open your attached file it comes through as a zip file rather than a .story file so I can't open it.
I just went in to fix this and when I went into edit state to change the fill on the 'down' state, the fill came up empty (rather than defaulting to current colour) so I just picked the original colour and it now works. Bizarre but thought I'd post for any future community reference.
Thanks for popping back in with an update! I'm glad you finally got it sorted. In regards to the file I attached downloading as a zip file, that can sometimes happen depending on how your browser handles file downloads. Try changing the file name from .zip to .story, and you should be able to open it.
9 Replies
Hi Chris!
The 'Down' state happens on top of the 'Hover' state, since the mouse is still on top of the button. In essence, you'll still see the shadow from the Hover state even when the button is clicked. It looks like you already have everything set up correctly - it's just that the Down and Hover states are so similar, it's hard to tell that it's working as expected.
I deleted the Down state in your file since it seemed to be somehow connected to the Normal state, and then created a new Down state. I added a thick border around the button in the Down state so I could easily see the difference between Hover and Down. Give this a try, and let me know if you're able to get it sorted!
Thanks Alyssa.
I was going for quite a subtle effect where the 'down' state is the same as the 'normal' state. However, based on your explanation of the 'down' state sitting on top of (rather than replacing) the hover state I am assuming that the effect I want is not really possible to do?
Alyssa, taking the above into account I am still struggling to get this to work how I want as the 'down' state now has a darker line than the others but the background yellow is the same as the 'normal' state (darker than the 'hover' state. When I run it and press on the mouse, the darker outline comes into view but the background yellow stays on the colour use for the 'hover'.
Again, any help gratefully received as not sure if it is me or Storyline (still quite new to the software).
This is weird... If you put any other color, it works!
If you alter the color just a bit ("More Fill Colors" and just add 1 in R or G value) it works as well!
Hi there Chris,
Like Pierre, I also saw that it works with any other color. Weird, indeed! Fortunately I was able to achieve the states you're looking for using a workaround - here's a quick Peek at how I did it. I also attached your updated file here. I hope this helps!
Thanks Pierre.
Thanks Alyssa. I'd like to take a look at how you did it but when I open your attached file it comes through as a zip file rather than a .story file so I can't open it.
I just went in to fix this and when I went into edit state to change the fill on the 'down' state, the fill came up empty (rather than defaulting to current colour) so I just picked the original colour and it now works. Bizarre but thought I'd post for any future community reference.
Thanks for popping back in with an update! I'm glad you finally got it sorted. In regards to the file I attached downloading as a zip file, that can sometimes happen depending on how your browser handles file downloads. Try changing the file name from .zip to .story, and you should be able to open it.
This discussion is closed. You can start a new discussion or contact Articulate Support.