Not All Icons Have States
Feb 05, 2019
By
Philip Deer
Hi Team!
I grabbed some icons from the content library.
When I click on them, some have states and some do not. The ones that do not, do not allow me to click on edit states. It's grayed out and not even an option.
I am using one of the tab interactions from Sarah Hodges and need to be able to add hover states so the interaction is congruent in the way it functions.
How can I add states to icons that don't have states?
Thanks in advance!
10 Replies
Hi Philip!
I had to go download that example (which is here for anyone else interested) and take a look.
If you're selecting the grouped item, you will not see an option to edit the state. I recorded a quick video here for you.
Hi Leslie,
Thanks for the video. I didn't know you could do that. That was helpful.
I was able to adjust the states.
However, since the icon I am using is comprised of many small pieces, it won't show the hover state unless the mouse pointer is exactly on one of the small pieces. I tried grouping it with a transparent object. This at least makes it so I don't have to click on one small piece to change layers, but it doesn't let the hover state of the icon show.
How can I get the hover states to show and make it easy for my users to click?
Would I need to use hotspots and add triggers to trigger the hover state or might there be another way?
I have attached the file so you can take a look. Its the second icon from the left that looks kind of like a speedometer. I'm going to have the same issue with some of the other icons as well.
Just a heads up. The slide isn't finished so not all the triggers are set up yet.
Thanks in advance!
Hi Philip,
I understand now. Some of the icons are grouped items vs a single object icon. Thanks for that explanation.
You can work around this by ungrouping the icon, then saving as a picture.
Take a look at your Group 6 item now where I've saved the speedometer icon as a picture, which now allows you to use states.
Hi Leslie,
I checked it out. It seems you still have to hover exactly over one piece to trigger the hover state and it only triggers it for the one piece.
What else might we try?
Thanks in advance!
My apologies, Philip.
I didn't delete your original object, so I'm sure that was confusing.
Take a look at the attachment now and this is what I wanted you to see with the second icon:
I see your recording, but when I download the file it isn't working the same way it is in your recording. I have attached a screen recording of how it's functioning on my end.
Hi Philip! I took Leslie's example file and made a couple of adjustments.
Here's a Peek of this in action. One more step to consider if you like the hotspot trick is that you'll need to adjust your triggers to show layers when clicking on the hotspot rather than the icon objects.
Perfect. Thank you, Crystal!
That's exactly what I need. I was hoping for fewer triggers but I can do it.
save as picture worked for me! thanks!
Glad to hear it, Mark :) Thanks for chiming in to share.
This discussion is closed. You can start a new discussion or contact Articulate Support.