I have seven text boxes that I have placed on a menu. I want each text box to change color when the user hovers it. I created new states with the different color (in this case a transparent version of the original text box) and triggers for each of the text boxes.
I can see the state change when I am in states and I move my mouse between the two states, however I can't see the state change when I preview the slide.
The issue is that the client has requested that the transparency for the hover be darker than the original. As you can see in the screen shot, both states are there and the trigger is set to change the state when the user hovers the mouse over. Take a look and let me know if maybe I just missed something.
Try this. Delete that custom state and recreate it. This time use the default "Hover" state from the dropbdown menu when creating the new state.
With a custom state Storyline doesn't know you want it to hover. It will work the way you have with "WelcomeHighlight" as the state name, but you'll have to add a trigger to compensate: "Change the state of [text box] to WelcomeHighlight when the user Mouses Over.
With the default "Hover" state that trigger is built in.
I changed to the default hover state and made edits to that for the transparency. Unfortunately, I am unable to tell if that is working as none of the changes I made to anything including text changes in my master slides is showing up when I preview. For some reason everything is defaulting back to some old changes and I am not sure why. I have to troubleshoot that first and then determine if the hover is really working. I will respond back and let you know how it worked once I figure out why nothing is updating even after I save it.
That worked. Unfortunately, I can't group the text boxes because it causes the hover to show on all of the text boxes at the same time. For some reason having markers in the slide master does not work, so it was causing my updates not to be see. Thanks for the help guys.
Just thinking but another option is to use shapes instead of text boxes. Make the shape white or transparent with no border and put your text in the shape. You should have more options to what you want to do with the hover states, too.
8 Replies
Hi,
I have tried setting the hover state of a text box with "no fill" and previewed it. It works fine for me.
Would you be able to post your .story file or the menu slide so we can take a look at it?
Have a nice day!
Annie
Hi Annie,
The issue is that the client has requested that the transparency for the hover be darker than the original. As you can see in the screen shot, both states are there and the trigger is set to change the state when the user hovers the mouse over. Take a look and let me know if maybe I just missed something.
Thanks.
Have you tried using the built-in "hover" state?
I did my test with it.
Hey L Keith,
Try this. Delete that custom state and recreate it. This time use the default "Hover" state from the dropbdown menu when creating the new state.
With a custom state Storyline doesn't know you want it to hover. It will work the way you have with "WelcomeHighlight" as the state name, but you'll have to add a trigger to compensate: "Change the state of [text box] to WelcomeHighlight when the user Mouses Over.
With the default "Hover" state that trigger is built in.
Hope that helps
Hi Annie and Kevin,
I changed to the default hover state and made edits to that for the transparency. Unfortunately, I am unable to tell if that is working as none of the changes I made to anything including text changes in my master slides is showing up when I preview. For some reason everything is defaulting back to some old changes and I am not sure why. I have to troubleshoot that first and then determine if the hover is really working. I will respond back and let you know how it worked once I figure out why nothing is updating even after I save it.
Thanks.
Hey,
Once you get things sorted out, let us know. If you can share, attach the .story file and I'll take a look to see if I can help troubleshoot.
Hi Kevin and Annie,
That worked. Unfortunately, I can't group the text boxes because it causes the hover to show on all of the text boxes at the same time. For some reason having markers in the slide master does not work, so it was causing my updates not to be see. Thanks for the help guys.
Just thinking but another option is to use shapes instead of text boxes. Make the shape white or transparent with no border and put your text in the shape. You should have more options to what you want to do with the hover states, too.
This discussion is closed. You can start a new discussion or contact Articulate Support.