Using text in states; "normal" state text stays static!
Aug 28, 2014
Hello everyone
Im having issues using text in states, that I hope somene will be able to help me out with.
I have an image that has two text boxes on top of it. I want to create a hover state that will move the image and its associated text boxes up 5 pixels. it seams to me that the easiest way to achieve this would be to add the text to the normal state of the graphic, and then duplicate the state set it as a hover state. This is where I encounter my problem.
When I preview the page, the hover works, but the text from the normal state stays visible giving me a sort of duplicate text look. The text from the normal state is staying visible during the hover state!
aside from creating individual hover states for each text box and having them triggered by the hover over the graphic, is there any way that i can prevent this oddity from happening? Why on earth would the text remain static in all states anyway? Isn't the point of a state to alter the original graphic?
Anyway, I hope someone else has encountered this and has a solution!
7 Replies
BUMP
hi Sarah
you're right - the text (or image - denepnding which was first inserted) was duplicated on hover.
Why don't you create independently a text box (normal and a custom state - with text moved 5 px) and image (with the same states as well), then place a hotspot on these two elements and triggers changing the state of text and image - I've just checked - it works fine.
Thank you, Joanna. I can do that, i was just hoping it would be much easier! It seems like an odd occurrence to me, so I was hoping there was a trick to it that I just wasn't aware of.
Thanks for your feedback!
Hi Sarah,
Joanna has a great solution and should work. The funky thing about states are they are extremely flexible and you can do some pretty cool things leveraging them. Yet, text boxes *in* states produce wacky behaviors in general.
I'd try Joanna's solution first. Another option I like when I have several objects on a single state is to create them first (in Storyline or PPT) and then save them as images such as: objectName_NORMAL.png, objectName_HOVER.png, and so on for how many different states you need.
Then insert the normal png like you would any other image > edit states > start adding them and inserting your different images.
Pro: Lightweight and not funkiness
Con: Editing requires recreating and saving images. Best to create in PPT and save that file for further changes if needed.
Thank you Kevin I tried your suggestion and it worked perfectly.
Thanks
Is there an updated solution? While I CAN do the save as pic work-around, I think that is a pain. The image is not as clear as the text box and I have to create alt-text with all the text in it for 508 compliance. Help?
Hi, Crystal -- Thanks so much for reaching out here, and as this thread is dated, if you would like to reach out to any of the participants directly, you are welcome to do so using the 'Contact Me' link on their profile pages.
Otherwise, if you would like to share your file, we can take a look more closely at the issue you have described. :)
This discussion is closed. You can start a new discussion or contact Articulate Support.