Repeat, transparent and background watermark every pages

[Camille Croizy]

Hi,

I'm french and I have a problem to generate a PDF with a transparent watermark in background on every pages.

I used dompdf 0.6.1 : https://github.com/dompdf/dompdf/releases/tag/v0.6.1 and my website is based on Joomla! 3.

I've succeed to add a watermark in background but not on every pages.

In my HTML file I've added :

<div id="watermark">watemark</div>

And I've added also :

<style>

#watermark {

position: fixed;

top: 35%;

left: 105px;

transform: rotate(45deg);

transform-origin: 50% 50%;

opacity: .3;

font-size: 120px;

color: white;

width: 480px;

text-align: center;

background-color: black;

}

</style>

But it's works only for the first page...

I read a lot of topics where this code works very well but it doesn't works for me and I don't find why.

Someone can help me ?

Thank you and I'm sorry for my english.

[BrianS]

It may help to see the full HTML. I created a simple page with what you provided and it displays as expected. So the issue may be a conflict elsewhere in the HTML or CSS.

[Camille Croizy]

Thank you for your quick answer. I'm sorry, I was waiting for an email to prevent me...

Your test works on several pages in the same PDF ?

I've attached my file HTML (I've clean it a little bit), you see something wrong ?

Thank you very much for your help.

I'm sorry again for my english.

[BrianS]

I'm not sure what's going on, but it's not related to the transform. Just having a fixed-position element inside another element doesn't seem to be working. Moving the element out to the root of the document seems to fix things. I'm not sure if this is a bug or not ... Safari exhibits the same behavior when printing the document. I'll have to review the CSS spec to see if this is by design. In the meantime you'll have to place fixed-position content at the top level of the document hierarchy (i.e. it's parent should be the body element).

Care to post a bug report?

[Camille Croizy]

It's works !!! Thank you very much !!

I tried many tests but not change the position of my watermark in my DOM HTML... Thank you !

I just have another problem in the pdf : the content is truncated (see attached pdf) between the 2 pages.

I suppose it's a CSS problem again ?

Thank you for your help.

[Hermann Herz]

You could test to add a 

page-break-inside: avoid;

into your ul "image-gallery" class?!

[Camille Croizy]

Thank you for your answer.

If I add page-break-inside into my ul .image-gallery, my list is not anymore truncated but it is not visible.

However, the space to show the list is present. You can see it in the attached pdf.

I've tried to add several attributes as : position, display, float, opacity, z-index, ...

I don't understand what it happens.

You have any ideas ?

[Hermann Herz]

sorry, Brian have you any further ideas?

[BrianS]

First, don't change the display type of images. dompdf has trouble when you do that. If you want to change how images flow with the document wrap them in another element.

Second, avoid inline-block except at the inline level (e.g. where you might normally use a span element). We need to improve support for that styling.

That being said, I could not get the list to display correctly. Using page-break-inside: avoid works but pushes the list to a new page, which I'm guessing is non-optimal. With other styling I was, at best, just able to reproduce the results you got. I'm not sure why dompdf is having such trouble with this layout, I'll have to look at it some more.

[Camille Croizy]

Thank you a lot !

I've removed the display on all images and now it works !

Thank you again for your time.

[Uthayak kumar]

Hi Camille Croizy,

Even I am facing the same issue, when I was searching for a solution I found this group.

When I print the page, I am unable to see watermark in all the pages. It is working only on first page, do you have any solution for this?. 

[BrianS]

This is a fairly old thread, I'd suggest starting a new one. Supply some sample HTML so we can see what you're trying.

[Muhammad Hizbullah]

hello BrianS, can you help me. i have a problem with repeat watermark in every page

[Muhammad Hizbullah]

this's my code

On Thursday, March 29, 2018 at 8:42:53 AM UTC+7, BrianS wrote:

[BrianS]

Do you have a sample of the PDF output? Also, it would help to see the actual HTML parsed rather than the PHP template. Your code also links to some additional CSS (app.css, plus an @include call) that could be affecting the rendering.

I'll note one potential issue. Styling some of your table elements with display: block is going to be problematic for Dompdf to render correctly. And seems an unnecessary complication to your layout. Particularly for Dompdf.