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; } } }

Auto-Resizing Gliffy Diagrams

davin_yg3ijx

We have been working on Gliffys and realised that they do not resize automatically to the screen size of the user when added to a Confluence page. Hence, sometimes some Gliffys are very small and others are so large that they get cut-off from the page without even having a scroll-bar to view them completely. This also obviously varies with the screen size of the user, some use laptops, others use desktop monitors hence we cannot pre-determine the correct size.

One thing I noticed was that pictures added to a page in their "Original" size will re-scale based on the screen size, hence they are always completely visible (never too small or too large to get cut-off) and was wondering if there is a way to do the same for Gliffys which would automatically fit the entire Gliffy across the width of the user's screen?

Accepted answers

All comments

Kishan Sharma

Hi @davin

Usually we do get a horizontal scroll bar, if the gliffy diagram is very wide.

But as a workaround, for wide the gliffy diagrams , you can export them in JPG format and import it as a picture in your page, that way you will have an option to resize them as required.

davin_yg3ijx

Well it defeats the purpose of having Gliffys then if we have to upload JPGs at the end. The whole point of having GLiffys embedded in the page is to be able to quickly update them as required rather than saving and uploading them again everytime.

Also, are you sure a horizontal scroll bar appears everytime or is it because you place it inside of a table cell or something?

Kishan Sharma

That's true, i think it would be better if you contact the vendor - Gliffy directly and see if they can help.

Please refer screenshot below of a wide test diagram that i created, my page does show a horizontal scroll bar to view entire diagram.

Samie Delebo - Your Gal at Gliffy

Hi Davin!

I think I see what you're asking and I'm passing your feedback along to our Product team.

It looks like you're using Gliffy on Server because of the tags you used — I'm using Cloud every day, so I'm not certain if this will help, but it may be a good workaround for some of your diagrams in the meantime.

Screen Shot 2021-09-20 at 7.32.58 AM.png

When you embed a Gliffy diagram on the Confluence page and then go to edit the entire page in Confluence page view, there are size options alongside "original." These pop up when you click on the diagram macro.

Hope this helps!

Samie

davin_yg3ijx

Hi @Samie Delebo - Your Gal at Gliffy

Thank you for reaching out and taking the feedback.

I did try the "Original" option for Gliffy's but as I mentioned in my post, it does work perfectly for Pictures but not for Gliffy's and I don't know why. Could there be something that I am missing out on? Would be helpful if you can confirm with the Product team that the "Original" option does work for Server instances too.

Thank you.

davin_yg3ijx

Hi @Kishan Sharma

On further analysis I realised that you are correct. There is a Scroll bar added for Gliffy's that extend out of your page but then the catch is that, the Scroll Bar only appears at the bottom of a Section. So if a have a long section with a lot of content and a Gliffy in the moddle of it, the scroll bar will only appear at the end of the section after all the content and not right below the Gliffy. Which is an issue for us as we use Panels and Sections to structure our Data accordingly.

Samie Delebo - Your Gal at Gliffy

I don't think you're missing anything — I think this is just a great feature request! Aside from the options I shared above, I don't think there is another way to resize your diagram. But, being able to have the Gliffy macro dynamically scale as though it's an image on the page is a great idea.

I appreciate you elaborating and looking into this!

Logan_ct39ug

This not being a feature is pretty frustrating considering it cripples a page if you have a large diagram and doesn't allow you to resize based upon the window size.

Richard Ward_twyxd6

I see this issue was reported in Sept, 2021. It is now 50 months later, and this issue has not been resolved, at least for Confluence Cloud.

Gliffy in Confluence Screen Capture.png

I use Confluence Cloud, which includes the Confluence Cloud Editor (Fabric). I add Gliffy diagrams to Confluence Pages using the /Gliffy slash command. I understand that this slash command inserts some Gliffy macro code into the Confluence page, and that there might be some default macro-level parameters for the width and height of the diagram to be displayed, but that the Confluence Cloud Editor no longer offers any way to access or modify those parameters, other than selecting among Centered vs. Wide vs. Full width, which does not solve the problem. When I am inside the Gliffy Diagram Editor, if I set the Document Properties > Canvas Size to set the width and height of the canvas to correspond to the dimensions of the actual diagram content, when I go back to the Confluence Page, the diagram sometimes is initially displayed the correct size on the page. But then, when I save the Confluence Page and then come back to it later, the diagram will be displayed too small and to the left, as shown above.

Are there any workarounds for this problem? Are there any specific plans to actually fix it, after at least 50 months stuck on the backlog?

Obviously, this is not just a minor bug. It really calls into question whether Gliffy is a usable component to use for diagrams on Confluence Pages.

Samie Delebo - Your Gal at Gliffy

Hi @Richard Ward !

Definitely hear you that how the diagram displays on page is important — and we've got a fix for Confluence Cloud that might address the buggier parts of your scaling experience nearly ready for release. You can reach out to our support team at support@gliffy.com to share your specific details and make sure you're appropriately notified when we release this one!

As both Gliffy and Atlassian/Confluence make changes, we need to do occasional maintenance to keep everything running smoothly.

I hope this helps!

Welcome!

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

Quick Links

Find more posts tagged with

confluence

server

confluence-server

gliffy