How to change an image in a state?

Sep 14, 2023

I have a normal, hover, selected, and visited state in a tabbed interaction.

On the normal and hover state, I'd lock a closed lock image. On the Selected and Visited, I'd lock an open lock image.

When I preview the page and only have a lock on my normal state, the image shows up in my hover, selected, and visited state. Even though according to my state window, the lock only exists on the normal state.

What am I doing wrong?

6 Replies
Jose Tansengco

Hello,

Sorry to hear that you ran into this snag.

If you are expecting to see images in your states that are not appearing properly, there may be an issue with the image and its states. 

Would you be willing to share a copy of your project file here or in private by opening a support case so we can take a closer look at what's happening? We'll delete it when we're done testing!

E-Learning Person

Hi Phil. I didn't realize that what's in the normal state always goes to the other states.

In my scenario, if I want the lock to change to open once visited, where does the closed (normal) lock go? If it's in the disabled state, it's not going to show when the project starts. 

Should I create a custom state, not called normal, and have that be the default starting state then?