You have to put the following into the web link and later extend this with the LAYER_ID. Just for easier copy/paste. data:action/json,{"actions":[{"toggle": {"cells":["INSERT_YOUR_LAYER_ID_HERE"]}}]} Great video. Thanks a lot.
Thanks Gergely. Actually, your way is a shortcut to create the interactive links that you need for toggle buttons. For users that are not that experienced in coding, you can always use our link creator (which is now linked in the description box again). But thanks anyway for your support, may the force always draw with you :D.
Hi Patrick. It seems, the link information got lost, I added it to the description box again. Thanks for pointing that out. You now also find a detailed blog post in the info box above. Or just use our interactive tutorial which you can find in our tutorial section on our website (also see above).
Hi there! Unfortunately, this isn't possible at the moment, but always feel free to create a feature request on Github, see github.com/jgraph/drawio/issues.
Is it possible to export the interactive diagram into word (including layer selection feature/buttons) as it is seen in the video in case of Confluence? Thank you :)
This is a great feature, and I've now created a data pipeline status diagram where I can click status symbols to change between red/green by toggling shapes. Is there a way to make it remember how I've toggled things besides editing and saving the diagram again?
Do I have to copy "Embassy" with toggle code ? I see layers switch but "Embassy" color not switching. I do not see the color in the background. What mistake I am doing?
Hi there. For the colour switch you need to have two buttons. One is embedded on the layer that you are going to trigger (and this one is coloured red in this example) and the other grey button is embedded on the button layer. See drawio-app.com/interactive-diagrams-with-custom-links-and-actions/ for the tutorial. The button navigation is the last paragraph of the post.
@@drawioapp Thank you. I knew the mistake I made, I have all the layers on the background layer assuming it is base layer. I wanted that to demonstrate when I don't need fancy show. But now I will create another trigger layer. Is there a way, I can default the view to a triggered view? or is based on what I save ?
Hi there. Please view our blog post on this: drawio-app.com/linking-content-in-draw-io-diagrams/. Here you see which linking options you have in Confluence Cloud and in Server/Data Center. Use external links to link to a website. Use the same way to link to an email address, but add the prefix "mailto:".
Hi I want to update the code to do the following: When clicking on a button: A layer will be visible and the rest will be hidden. I'm a beginner in coding...and I was trying the following to achive this but I'm sure there is something wrong... can you help me please data:action/json,{"actions":[{"show":{"cells":["LAYER"]},{"hide":{"cells":["THE REST OF THE LAYERS"]}}]}
Hi Sami! No worries, we will get that sorted out. You can download a tutorial on our website that will guide you through the process. Just follow the link drawio-app.com/tutorials/interactive-tutorials/, download the XML file and drag and drop it on a blank canvas ;)
You have to put the following into the web link and later extend this with the LAYER_ID. Just for easier copy/paste.
data:action/json,{"actions":[{"toggle": {"cells":["INSERT_YOUR_LAYER_ID_HERE"]}}]}
Great video. Thanks a lot.
Thanks Gergely. Actually, your way is a shortcut to create the interactive links that you need for toggle buttons. For users that are not that experienced in coding, you can always use our link creator (which is now linked in the description box again). But thanks anyway for your support, may the force always draw with you :D.
Insert what link? From which infobox? There are informations missing where i get the link!
Hi Patrick. It seems, the link information got lost, I added it to the description box again. Thanks for pointing that out. You now also find a detailed blog post in the info box above. Or just use our interactive tutorial which you can find in our tutorial section on our website (also see above).
I am also lost about the same
Can you add animation of a moving dot along the lines of the flowchart?
Hi there! Unfortunately, this isn't possible at the moment, but always feel free to create a feature request on Github, see github.com/jgraph/drawio/issues.
Is it possible to export the interactive diagram into word (including layer selection feature/buttons) as it is seen in the video in case of Confluence? Thank you :)
Hey Gabor. With draw.io this isn't possible. Maybe you can do it with the open source tool diagrams.net, I think they have an office integration.
This is a great feature, and I've now created a data pipeline status diagram where I can click status symbols to change between red/green by toggling shapes. Is there a way to make it remember how I've toggled things besides editing and saving the diagram again?
Hey there! We would love to be able to help you further with this question! Please shoot us an email at support@draw.io 🤠
incredible feature. Can I export as a webpage?
Hi there. Not as a webpage but you can export as HTML.
Do I have to copy "Embassy" with toggle code ? I see layers switch but "Embassy" color not switching. I do not see the color in the background. What mistake I am doing?
Hi there. For the colour switch you need to have two buttons. One is embedded on the layer that you are going to trigger (and this one is coloured red in this example) and the other grey button is embedded on the button layer. See drawio-app.com/interactive-diagrams-with-custom-links-and-actions/ for the tutorial. The button navigation is the last paragraph of the post.
@@drawioapp Thank you. I knew the mistake I made, I have all the layers on the background layer assuming it is base layer. I wanted that to demonstrate when I don't need fancy show. But now I will create another trigger layer. Is there a way, I can default the view to a triggered view? or is based on what I save ?
Is there a way of saving our interactive file as an interactive PDF
Hi there. This isn't possible yet, but feel free to request this feature (drawio.link/featurerequest).
how do i link to an external email/website? I can insert the links, but then when I publish to confluence, it's just a picture.
Hi there. Please view our blog post on this: drawio-app.com/linking-content-in-draw-io-diagrams/. Here you see which linking options you have in Confluence Cloud and in Server/Data Center. Use external links to link to a website. Use the same way to link to an email address, but add the prefix "mailto:".
Great Video. Thank you! One question: Any way to export these interactive functions into SVG?
Hi there. Unfortunately, these function only work in the diagram file and cannot be exported.
@@drawioapp Ok. Thank you for your reply!
Hi I want to update the code to do the following:
When clicking on a button: A layer will be visible and the rest will be hidden.
I'm a beginner in coding...and I was trying the following to achive this but I'm sure there is something wrong... can you help me please
data:action/json,{"actions":[{"show":{"cells":["LAYER"]},{"hide":{"cells":["THE REST OF THE LAYERS"]}}]}
Hi Sami! No worries, we will get that sorted out. You can download a tutorial on our website that will guide you through the process. Just follow the link drawio-app.com/tutorials/interactive-tutorials/, download the XML file and drag and drop it on a blank canvas ;)