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

images with 100% width in PDF export

Steffen Heller

Hi,

I just witnessed a strange behaviour.

I have a big image in my wiki page and for the PDF export I want it to fill 100% of the text area (text area = that width that can be filled with text, not the same as full width of the page).

But whatever I try, the image is too small and ends at about 4cm before the right margin of the PDF.

I included ridiculously big images with 3000px width, changed the image width in the source code, set the image width in the PDF to 100% (as described at Expanding embedded images on PDF exports?) and then erased everything I had in my PDF stylesheet but nothing changes.

Is there some kind of limit that can not be extended because that is how it seems?

Accepted answers

Jobin Kuruvilla [Adaptavist]

This is a known issue. See https://jira.atlassian.com/browse/CONF-33727

The workaround in the global PDF Stylesheet worked for me (See comments):

.confluence-embedded-image
{ -fs-fit-images-to-width: 100% !important; }

All comments

Jobin Kuruvilla [Adaptavist]

This is a known issue. See https://jira.atlassian.com/browse/CONF-33727

The workaround in the global PDF Stylesheet worked for me (See comments):

.confluence-embedded-image
{ -fs-fit-images-to-width: 100% !important; }

Steffen Heller

Thanks a lot, Jobin. Perfect answer for me.

Steffen Heller

There is a price for everything in life !

I just found out that now that I have included the code from above I have created a new problem:
==> (Some) images within table cells disappear when the page is exported to PDF.

It is all a bit complicated:

When I leave my PDF stylesheet untouched and just comment out that code the images reappear
But I have also had test runs where I changed 500 other things, left that code in and images would also show
For a while I was also puzzled because independent from the above some images showed and others didn't. Then I found out: Images that do not show are only those whose size was NOT changed. Big images that were minimised to e.g. 300px always show.

In the end it seems to come down to some new fancy workarounds:

I leave everything as it is for pages with full size images or with resized images in tables
I comment out the 100% code for pages with unresized images in tables
If none of the above works I do a "fake resize", that is, I click the image and change its size, then I open firebug, go to the page's source code, search for the image's width and change it back to its original value.

PS: I am aware of that bug report at https://jira.atlassian.com/browse/CONF-31874 What it describes is similiar but not exactly the same.

salvatore

Did you mean to resize image after PDF processing? Do I need another 3rd party toolits to help with it? Any suggestion will be appreciated. Thanks in advance.

Best regards,

Salvatore

-------------------------------------

Tags: resize image

Steffen Heller

No, I was talking about something else.

Welcome!

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

Quick Links

Find more posts tagged with

confluence

image

pdf