Skip to main content
Lucid advice

Using Layers to expand or collapse a flowchart in Lucidchart

  • 2 December 2022
  • 0 replies
  • 1046 views

Have you ever felt like your flowchart was getting a bit unruly due to its size or complexity? Try using Lucidchart’s Layers feature to scale down a complex flowchart into more comprehensible bite sizes.



 


👷 Build a main layer


There are an unlimited amount of ways you can organize your flowchart using this technique. In this example I’m going to make one main layer that will act as the starting point for my flowchart. To do this:



  1. Click the Layers icon in the bottom-right corner of the workspace.

  2. Click the plus sign icon to add a new layer.

  3. Title your layer. I chose to call mine “Main Layer”.

  4. Drag flowchart shapes onto the layer.



 


Within the Layers menu you have the ability to toggle layers on or off using the eye icon. For now keep your Main Layer toggled on so you know where to add your next shapes.


 


🔨 Build sub-layers for each branch


The next step is to build out a layer for each branch of your flowchart. To do this:



  1. In the Main Layer select and copy the objects you want to duplicate on the first branch of your flowchart.

  2. Add and title a new layer.

  3. Paste the objects you copied from the Main Layer onto the new layer. Drag them on the canvas so that they align with the Main Layer.

  4. Add the shapes for this branch of the flowchart. In each sub-layer be sure to include a shape that will be used as a button to return to the main flowchart. In the next section you will add an Action to this shape.

  5. Repeat steps 1-4 for each branch of the flowchart.



⚡️ Add Actions


Once you have built all of your layers it is time to add Actions to the Main Layer. To do this:



  1. Select Main Layer from the Layers menu.

  2. Click your first shape.

  3. Click the lightning bolt icon in the top toolbar.

  4. Select Layers.

  5. In the “Show” dropdown check the box next to your first layer.

  6. Click Done.

  7. In the “Hide” dropdown check the boxes next to all layers except your first layer.

  8. Click Done.

  9. Repeat steps 1-8 with all other shapes.



 


Don’t forget! You will need to add an Action to your “Return to main flowchart” buttons in each sub-layer. To do this:



  1. Select your first layer from the Layers menu.

  2. Click the “Return to main flowchart” shape.

  3. Click the lightning bolt icon in the top toolbar.

  4. Select Layers.

  5. In the “Show” dropdown check the box next to “Main Layer”.

  6. Click Done.

  7. In the “Hide” dropdown check the boxes next to all layers except for “Main Layer”.

  8. Click Done.

  9. Repeat steps 1-8 with all other sub-layers.



 


🎉 Share your chart!


Now that your chart is finished show off your hard work! One of the best ways to do this is to publish your chart as a URL which you can do by following the steps found in our Publish your Lucidchart document article. Drop the published link in the comments to show how you are using Layers to simplify your flowcharts!

0 replies

Be the first to reply!

Reply