Pantograph background with PDF based template

OL Connect Professional Designer
1

I’m creating a template (redesigning from a PPS v7 form) that needs to have a pantograph background underneath the content. The pantograph is a 4.25 x 5.5 tif image that covers 1/4 of the letter sized page. I need the pantograph to repeat to cover the entire page, i.e. all 4 quadrants.

The data is a PDF file that covers the entire page that includes the 4 distinct quadrants. This same scenario is currently running in the PPS v7 environment.

I’m having difficulties getting the layering correct.

When I set the PDF as the print section background (From PDF DataMapper Input) and set the images (pantograph) on the master page the pantograph is on top of the PDF image blocking out the content of the PDF. Tried the Virtual Stationary it is PDF only.

Any thoughts?

2

By default master page objects are placed above data mapper backgrounds. You can change this order using CSS.

The following rule changes the stacking order of the background images. Setting the z-index property to a value larger than 0 (zero) will move it infront of master page objects. The respective element already has some inline styles set by the Merge Engine. Therefore we need to add the !imporant rule. When an important rule is used on a style declaration, this declaration overrides any other declarations.

.page_mediabox img.ol_pdf_datamapper_input {
     z-index: 10  !important; 
}

Hope this helps,

Erik

1 Like
3

I will continue testing, but using the preview it appears to have solved the issue.