draw.io : toggle elements/shapes with one (1x) button several elements/shapes from different layers.

[HHrs123]

Hello, I like to toggle elements/shapes with one (1x) button several elements/shapes from different layers.

Following Layers in hierarchical order: Background Layer is lowest/botton level/order, Layer3 is top/highes level/order

Layer3: spape called “E2”

Layer2: spape called “R1” and shape called “R2”

Layer1: shape called “T1” and shape called “T2” and shape called “T3”

Background Layer: shape called “button1” and shape called “button2”

I like to:

toggle with “button1” from Layer1 shape called “T1” and from Layer2 spape called “R1”
toggle with “button2” from Layer2 shape called “R1” and from Layer3 spape called “RE”

But I do not know hwo to do it. It looks , it is not possible to toogle elements/shapes of differents layers together.

Toggle_Layer.drawio.zip

Thanks for some hints !!

[ernstvonoelsen]

You can use a Custom Link to toggle/show/hide elements based on tags

data:action/json,{"actions":[{"tags":{"hidden":["to_be_hidden"],"visible":["to_be_shown"]}}]}

(from https://jgraph.github.io/drawio-tools/tools/link.html). This action selects elements by their tags and toggles/sets visibility status, independent of the layer the matching elements are on. So everything tagges with to_be_hidden will be hidden, everything with to_be_shown will be made visible. Fun fact: this also work on invisible layers.

Note: this only works in the application itself (drawing/presentation mode). When you export your diagram to let's say PNG using the cli command drawio --export --format png ..., the "visible=0" properties are ignored!