greyed out items?

Sep 19, 2020

How do I make an interaction where I have four items on screen but when one is clicked (or hovered over) the rest dim (or are greyed out)?


1 Reply
Aljonell Patiga

Hi Jeni,

I think the best way to do this would be to create a 'State' for the objects. If you click on the object you want to do this for, then go to 'States' (next to timeline), choose 'Edit states' you can then create a new state- from the 'state names' use the 'Visited' name. 

You can then change the color of this state to the desired effect, mine I used gray fill color. After that I created 3 triggers per selected object which will change the 3 object's state  to 'visited'.

This should now mean whenever anyone hover over this object it will show the other 3 objects with the grayed out effect, and at the same time will change back to normal when hovering out.

Hope this works for you.

This discussion is closed. You can start a new discussion or contact Articulate Support.