I have styled a PDF that contains a lot of tables (grid questions) using td and th styles at the top of the "Content of the PDF Document" field. 

<style type="text/css">
td {
 border: 1px solid #000;
}
th {
 border: 1px solid #000;
 background-color: #000;
 color: #fff;
}
</style>

I've had to break out all the elements of my form since the person who will be downloading results wants a really custom look and feel to the PDF.

It was looking pretty good until I wanted to add in a %pagebreak token in. The token works as expected (drops the content below it to a new page) however now my table css styles below that %pagebreak are ignored.

Does anyone know what might be going on here? Any way I can work around this?

Comments

awachend created an issue. See original summary.

FinderFees’s picture

FinderFees commented
Status: Active » Fixed

I have found a workaround, I need to re-add the css styling after every page break.

For example:

<style type="text/css">
td {
 border: 1px solid #000;
}
th {
 border: 1px solid #000;
 background-color: #000;
 color: #fff;
}
</style>

[Questions for Page 1.]

%pagebreak
<style type="text/css">
td {
 border: 1px solid #000;
}
th {
 border: 1px solid #000;
 background-color: #000;
 color: #fff;
}
</style>

[Questions for Page 2.]

Not ideal, but it works.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.