Skip to main content

I want to make a button in my diagram that will toggle a layer so someone viewing it can click on a shape to see more information then click it again to hide it and keep the diagram clean. Is it only possible to make a button show or hide it or can I configure it in a way where I can click it repeatedly and have it alternate between showing and hiding the layer?

Hi there thanks for posting in the Lucid community. Yes it is possible to create a button that will toggle between showing and hiding your layers. First create the object or text that you want to act as your button. In my example below I’ve created an office floor plan and I want clicking on a chair to reveal additional information about who that seat is assigned to.

rqCBWLIH_Apv-TjWcGvGRA.png

Next create the corresponding Layers for each object that you’d like to toggle and fill it with the relevant objects and desk. For complete information on how to do this please take a look at the Create Multi-Layered Diagrams article from the Lucidchart Help Center.  In my example I’ve made a layer that corresponds to each desk. Then within each layer I’ve created another box with additional information about the person who sits at that desk.

GgMQerI51M7GNXOmK5anGg.png

Next select the object you’d like to make into a button that toggles your new layers then choose the Actions menu at the top of the editor. To toggle layers you’ll want to choose the “Layers” option with the menu but note that you can also create a button that will open a web page a page in your current Lucidchart document another separate Lucidchart document or open your email client to compose a message. In my example I’ve selected the object for Desk 1 then chosen the “Layers” option.

jCVO5eSGRezJ2Kjf_FGOKA.png

In the “toggle” dropdown menu choose the layer that you want to be associated with this action. In my example I’ve chosen the layer “Desk 1” that corresponds to the object Desk 1.

0iXtUBqSTzUAqoj_MZiSQg.png

After clicking “Done” your button will be created and ready to go! See the GIF below for a demonstration of the button in action.

Uy2TamzbjFH2PHK7nVxzwA.gif

For additional information on working with actions please take a look at the Actions and Hotspots article from the Lucidchart Help Center. I hope this helps!

____________________________________________________________________________


Reply