Button Fades/Reverse Fades Help
Jan 28, 2015
Hi guys. Me and my co-worker were discussing a way to make buttons fade in and fade out between layers. I'll try and explain what I mean as best I can.
If we have a blue button on layer one, and an orange button on layer two. We can use the "mouse hovered over" parameter to change the blue button to orange. We can then place a fade in feature on the orange button. Then when the user hovers over, the button fades from blue to orange, lovely.
What we are having trouble with is fading back to blue from orange when the user is no longer hovering over. I've tried using Boolean variables but so far no luck. The logic is there, just for some reason the program won't do it.
We are using Storyline 2. If you guys have any ideas they will be greatly appreciated.
Thanks :)
4 Replies
I'm trying with states now. The fade action will not work for me. It does turn orange, but does not fade. It also goes back to blue when mouse leaves, but again does not fade. Is there something I am missing?
After a bit of digging I found out you can do it with an SWF file. However, since we will be outputting to mobile devices this is not ideal. I'll link a demo of what I want. The SWF file achieves it, but whenever you add text over to make it look like a button, the animation does not play properly.
Ideally, I want to try and get a button to do exactly what the SWF does when you hover over and move the mouse away.
http://s3.amazonaws.com/tempshare-stage.storyline.articulate.com/stp19co1807f1cl8cbc1tce1ao9vep4/story.html
This is the closest I will get I believe. It works as a decent solution, it isn't perfect but it works alright. Thanks for your help Matthew! I'll experiment with it a bit more.
Hi Jordan,
I just wanted to confirm there wasn't a way add animation to a state change as Matthew shared but you're welcome to share your thoughts in the form of a feature request.
This discussion is closed. You can start a new discussion or contact Articulate Support.