button states acting goofy

Hi there

I have a simple button with 3 states: normal, hover, visited.

When I click on the button, it changes over to the visited state, but also combines it with the normal and hover....

What am I missing?

Also, is there a way to purge unnecessary data from a file? This single slide file is over 9MB... which seems to imply it's holding on to extra data somewhere after I deleted the rest of the project and did a "Save As"

file attached.


5 Replies
Daniel Sposato (Philly)

Hey Karen, this is some strange behavior indeed! I looked at your file and tried multiple things to resolve this, but had no luck. I tried changing the text fields with the squares into square shapes but got the same weird result. I also tried grouping the objects in each state but that didn't change anything either. The only other thing I can suggest is to take small screen captures of the states and replace the objects as it may have something to do with that there are multiple objects overlapping.

Good Luck!

Alyssa Gomez

Hi Karen! Thanks for letting me take a peek into your file.

The visited state is additive on top of the normal state, so you'll see both states at the same time. You could try creating a custom state like "clicked," then set a trigger to change state to "clicked" when the user clicks. 

If you want to prevent the hover effect once the button has been clicked, you could try using the "disabled" state. Just keep in mind the learner won't be able to open the layer more than once. 

Here's a bit more on how built-in states work in Storyline. 

Karen Siugzda

Thanks Alyssa. The most important part of what you say above (which I actually didn't see mentioned in the article link you shared) is that the states are "additive."

My solution:
I ended up using an invisible box (no fill, no border) as the initial element to begin my button states. That way, even though it appears in every other state, it doesn't interfere with whatever other element I put in each state. I then added other visible elements ( a circle with the » character in it) to each state individually so I could customize the look of each one.

That appears to be working the way I want it now.