Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How do I centre a draw.io diagram in Confluence Cloud

I've drawn a basic vertical flowchart using the draw.io plugin for Confluence Cloud but no matter where I position the diagram on the page in draw.io, it appears resolutely stuck to the left margin when I save and exit to Confluence.

In Confluence itself, the macro takes up the whole column width and doesn't offer an alignment button when you click on the draw.io macro diagram, only column width, edit or delete.

How do I centre the flowchart in the column on the Confluence page?

3 answers

Hi,

Our engineers have been working on this and added the possibility to “Center“ as shown in the attached image. So please open the diagram in draw.io editor, tick “Center“ and click Save&Exit. Does it help?

 

Center.jfif

Regards,

Marija

Hi, 

I am having the same issue. How to go to the viewer settings for an drawing?

Hi, 

open a Confluence page where diagram was created, hover a diagram, click Edit diagram pencil (top left) and you should be able to see Viewer Settings.

If you don't see it, repeat all the steps in a different browser and Incognito mode. Also, clear the cache. Incognito mode is great for testing cause it is cache and extension free (cache and extensions can cause some problems sometimes)

If nothing helps, tell me draw.io version you are using please (can be seen under Settings > Manage apps > expand draw.io 

Thanks,

Like Mike likes this

As a work around, I have used a rectangle box flattened and extended along the bottom horizon to title the diagram. With the line color same as the background is keeps the diagram centered. 

Hi @Marija Radovic - Center function only works when toolbar option is set to 'Top'. Otherwise (hidden, embedded), the center function will not have any effects when the diagram is rendered in the confluence page.

Also, there are layout bugs within Mozilla Firefox 88.0.1 version (other versions not checked, latest Google Chrome is fine), e.g.: Right border of widget not displayed, hover inconsistencies, settings box not opening options or not displaiyng properly when opened within the widget in confluence view mode.

Do you think the hidden & center bug will be fixed soon?

Hi,

for the first "top"report could you tell me browser version and operating system you are using, please? 

For the second, is it possible to send a video showing all the issues you reported so we could be sure we understand them completely?

Thanks,

Marija

Hi @Marija Radovic ,

yeah sure!

Browser: Mozilla Firefox, 88.0.1 (64-Bit)

OS: macOS Big Sur, Version 11.3.1 (20E241)

Where should I send you the video?

Best, M

Great :)

You can attach it here or if you have some sensitive data, submit all the details + video here: https://drawio.atlassian.net/servicedesk/customer/portal/14/group/15/create/49

Thanks,

Marija

Hi Mate,

Sorry for the late reply. I created the issue and assigned our engineer so he could take a closer look. 

Please track it here: https://github.com/jgraph/drawio/issues/2083

Kind regards,

Marija

Does not see the center option aswell, using 9.4.8, any suggestions?

Hi,

If you are using draw.io for Confluence Server, click Edit page pen (top right) and you should be able to see alignment options as shown in the image bellow (marked yellow) 

Does this help? 

Kind regards,

Marija

center.JPG

Suggest an answer

Log in or Sign up to answer
DEPLOYMENT TYPE
CLOUD
PRODUCT PLAN
FREE
PERMISSIONS LEVEL
Site Admin
TAGS
Community showcase
Published in Apps & Integrations

🍻🍂Apptoberfest Update: Upcoming Virtual Events 🎉

Hello Community! I hope you've been enjoying the 🍂Apptoberfestivities🍂 (I know I have!) The event is heating up next week with a series of virtual events that we're calling the 🍻🍂Partner App ...

393 views 3 17
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you