nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How can I embed a draw.io diagram and show a specific detail of the whole diagram?

Harald

It is possible to embed a draw.io diagram on a confluence cloud page.

Since I often have quite large diagrams, I have the use case that I want to display specific parts of this diagram on different Confluence pages. In other words, the diagram should be displayed, but only an enlarged section of the whole diagram. I know that you can set up which layers should be displayed in the viewer. Unfortunately, this does not help me for my use case. Even in this case, the viewer only shows certain layers, but always the entire diagram. As a user, I can use the viewer to zoom and move the image so that the desired part is displayed. It would be ideal if this setting could be saved for the embedded diagram. When the Confluence page is called up again later, the zoomed section of the diagram should be displayed directly. Does anyone know of a way to do this? Is there perhaps a workaround?

Accepted answers

Mike Rink -Seibert Products-

@Harald I imagine in your case that exporting from the diagram isn't an option? There are a variety of exporting options, but they don't offer the same "source of truth" benefits that embedding does.

Would creating an interactive diagram help? You could create buttons that show/hide information on your diagram. I know this doesn't help with the "zooming" aspect, but at least it would allow users to quickly hide irrelevant diagram pieces.

https://drawio-app.com/blog/interactive-diagrams-with-custom-links-and-actions/

All comments

Mike Rink -Seibert Products-

@Harald I imagine in your case that exporting from the diagram isn't an option? There are a variety of exporting options, but they don't offer the same "source of truth" benefits that embedding does.

https://drawio-app.com/blog/interactive-diagrams-with-custom-links-and-actions/

Harald

Hey Mike,

thank you very much for your information and the link! If there is no other option, then I will have to go in that direction.
I was hoping that the function "Aktueller Zustand der Ansicht -> speichern" ("Current state of the view -> save") could fulfil my requirements (see screenshot). But this is not the case. The function "only" saves the status of the layers that I can switch visible or invisible in the viewer. Unfortunately, it does not save the zoom factor or the displayed screen section.
In this context, the name of the function is actually somewhat misleading.

Mike Rink -Seibert Products-

@Harald that could be something to suggest to the development team as an improvement. Users are welcome to get involved in our public Github: https://github.com/jgraph/drawio/discussions

Harald

I have now entered the request as an idea for further development.
https://github.com/jgraph/drawio/discussions/4500
Thank you Mike for this hint.

Welcome!

It looks like you're new here. Sign in or register to get started.

Quick Links

Find more posts tagged with

confluence

cloud

confluence-cloud

draw.io