Create Block Diagram with Clickable Blocks

[Oliver Chamberlin]

Right now I know how to insert a diagram in Confluence and connect it to a hyperlink.

How do I create a block diagram with multiple clickable blocks that will link to other documents?

[JP _AC Bielefeld Leader_ · Accepted solution]

Hi,

you can use any app from the Atlassian Marketplace. Depending on your Confluence version (Cloud or Server) there are different apps available:

Cloud:

https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming&hosting=cloud&product=confluence

Server:

https://marketplace.atlassian.com/search?category=Charts%20%26%20diagramming&hosting=server&product=confluence

The most relevant ones for your tasks are:

• Draw.IO
• Gliffy
• Lucidchart

All three can accomplish the task of drawing block diagrams & link them somewhere.

We use Draw.IO & are quite happy.

Best,

JP

[Oliver Chamberlin]

JP,

I appreciate the answer. I just created my block diagram in draw.io. How do I publish it in Confluence with links?

Thanks,

OC

[JP _AC Bielefeld Leader_]

Right click on the object & select "Edit Link", enter the URL. When you save the drawing, the object will be linked to the URL

[Oliver Chamberlin]

I appreciate the fast response. Thank you for the information. I was not clear in my previous question. I already know how to edit a link to an object in my block diagram. I have links connected to objects in my block diagram. How do I publish this file in Confluence so that other users can open this block diagram and click on each object and link to documents that provide more information concerning that object?

[Andrew Rose]

Has there been any update to Confluence functionality which may help to insert multiple links onto an image?
For example onto a Process Flow diagram.
If not, I am thinking of creating multiple images, then inserting those into the cells of a table, and then hyperlinking from there to the related info.

[Samie Kaufman - Your Gal at Gliffy]

Hi Andrew! I don't believe there's been an update like this. Like the solution above, you would probably need to use an additional diagramming app like Gliffy.

[Ruud Dekker]

Hi Andrew, I was looking for the same thing as you and came across the following : Scroll ImageMap for Confluence | Atlassian Marketplace.

I haven't tried it yet, but hopes it will do the trick for you!

Kind regards.

[Bastian -drawio Diagrams-]

Hey Oliver, Bastian from draw.io here. Linking to content is something that is requested frequently from our users. You have quite few options to achieve that with draw.io, please have a look at the following three blog posts:

• All options to link content to shapes 
• Create clickable and interactive shapes with button navigations 
• Use draw.io tabs to create clickable menues 

Best wishes