A more elegant way to show current link selection?
Mar 27, 2014
By
Regina Burks
Hello all!
I've been building a slide that uses a lot of triggers and states - the user will be able to hover the mouse over a portion of the image (one of the states) and have it highlight to indicate it's selectable, and then click on that portion of the image to reveal a layer with more information on the item they selected.
My question to everyone is this: I want the selected portion of the image to remain highlighted (it will still be visible when the layer appears), and then disappear when the user selects a different layer. Is there an elegant way of doing this that doesn't involve creating two dozen (more) trigger states?
8 Replies
Hi Regina,
Could you duplicate the "hover" state to also make a "selected" state that would be shown when the user clicks on it? You could then add a trigger to your layer to change the state back to normal (or anything else you want to set up) when the user clicks on another shape?
I did attempt that, but it didn't work so well - the state will remain on selected until the user clicks on it again.
Hi Regina,
I may not be understanding your set up - but I created a simple file, where clicking on the layer 1 button changes the state - and then if I click on the character on layer 1 or the layer 2 button, the state of layer 1's button returns to normal. All is working as expected on this file. If you're setting it up a different way could you share it here with us?
I was using the layer properties to host the information on those buttons. As you just mentioned though, using the states for that instead may be more helpful. I'll have to give that a try.
Thanks for the file Ashley, I'll have to check it out when I get home though - my employer won't let me download it (hah).
And attempting to move everything to States didn't work, alas.
Hi Regina,
Let me know if you can share your file later as well and I can take a look at how you set it up on the layers too.
Unfortunately the work computers won't let me upload to non-cleared websites too. (Grr.)
I did get to take a look at the file you showed me when I got home though. I attempted to add the selected + disabled states as I saw in it, but it doesn't behave the same way - it believes it is selected at all times and even attempting to click on it again won't disable the highlight (something it would do without the disabled state added to it). Would the fact that I'm using a shape, and not a button, make a difference?
Hi Regina,
The built in states will work as described here for elements such as buttons, characters, etc. If you're adding in your own shapes and applying states to them, and the built in options are not working as expected you may want to look at applying triggers with them.
This discussion is closed. You can start a new discussion or contact Articulate Support.