Monday, February 16, 2015

Configuring page breaks in Zoho Creator

I've had a helluva time trying to get page breaks to behave properly in Zoho Creator HTML pages when you export them as a PDF. Here's an example:
After trying absolutely everything, I finally realised that it just is not possible to properly configure page breaks in PDF mode.

However, there is a work-around. Use print mode and then use a print-to-pdf driver to save the output as a PDF.

Then all you have to do is add this CSS to the top of your page:

<style type="text/css">
   table { page-break-inside:auto }
   tr    { page-break-inside:avoid; page-break-after:auto }
   @media all {
.page-break  { display: none; }
   }
   @media print {
.page-break  { display: block; page-break-before: always; }
   }

</style>
This will prevent page breaks from occurring within tables. If you want to force a page break, you just have to add <div class="page-break"></div>.

No comments:

Post a Comment