Fixing the Last Page Blank Issue

On HTML form reports, there is often a blank page at the end. Those who print the report find the blank page frustrating. This article explains how to resolve the issue. The title "student-transcript" is used for the class in this example. However, you can use a different class name or may have on in your report already.

Note: This solution is used in Xenegrade global reports. However, your report may be designed differently. Only attempt to use this fix if you are familiar with HTML. Xenegrade is not responsible for changes to report design made by anyone other than a Xenegrade employee or contractor.

If you would like Xenegrade to perform this fix on a user-built report, please submit a report ticket for a quote.

Last Page Blank Page Fix

Wrap each full report content

<div class="student-transcript">   <!-- transcript content --> </div> 

Add this CSS

<style> .student-transcript {   page-break-after: always; }  .student-transcript:last-child {   page-break-after: auto; } </style> 

Why this works

1. Forces a break after each student

2. Cancels the break on the last transcript

3. Prevents the blank trailing page

⚠️ Important:

 This only works if each transcript is its own container. If all students are rendered inside one block, this won’t apply correctly.

🚫 What NOT to do

1. A standalone <p page-break-after: always> at the bottom of the report

    → guaranteed blank page

2. page-break-before on the first element

    → shifts everything forward

3. Relying on auto alone

    → no separation

---