Skip to main content
Solved

Use a hotspot to toggle layers

  • January 19, 2022
  • 1 reply
  • 489 views

Micah
Forum|alt.badge.img+20
  • Lucid community team

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?

Best answer by Sami H

Hi, thanks for posting in the Lucid Community! To create a button that will toggle between showing and hiding your layers:

  1. Create the object that you want to act as your “button”. In the 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

  1. Create the corresponding Layers for each object that you’d like to toggle and fill it with the relevant objects and desk. In the example, I’ve made a layer that corresponds to each desk. Within each layer, I’ve created another box with additional information about the person who sits at that desk.

GgMQerI51M7GNXOmK5anGg.png

  1. To toggle layers, right-click the “button” object > More actions > Add action > Layers. In the “toggle” dropdown menu, select the layer that you want to be associated with this action. In the example, I’ve chosen the layer “Desk 1” corresponding with the “Desk 1” object.

0iXtUBqSTzUAqoj_MZiSQg.png

  1. Once you select “Done”, your button is ready to go! See the GIF below for a demonstration of the button in action.

Uy2TamzbjFH2PHK7nVxzwA.gif

Check out our Help Center for more information on adding an action or link to a shape in Lucidchart. Hope this helps!

____________________________________________________________________________

Comments

Sami H
  • Lucid support team
  • Answer
  • January 19, 2022

Hi, thanks for posting in the Lucid Community! To create a button that will toggle between showing and hiding your layers:

  1. Create the object that you want to act as your “button”. In the 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

  1. Create the corresponding Layers for each object that you’d like to toggle and fill it with the relevant objects and desk. In the example, I’ve made a layer that corresponds to each desk. Within each layer, I’ve created another box with additional information about the person who sits at that desk.

GgMQerI51M7GNXOmK5anGg.png

  1. To toggle layers, right-click the “button” object > More actions > Add action > Layers. In the “toggle” dropdown menu, select the layer that you want to be associated with this action. In the example, I’ve chosen the layer “Desk 1” corresponding with the “Desk 1” object.

0iXtUBqSTzUAqoj_MZiSQg.png

  1. Once you select “Done”, your button is ready to go! See the GIF below for a demonstration of the button in action.

Uy2TamzbjFH2PHK7nVxzwA.gif

Check out our Help Center for more information on adding an action or link to a shape in Lucidchart. Hope this helps!

____________________________________________________________________________