reports
TuxReportPrintSheet
Drop-in print stylesheet for any page that needs a "Print" button to produce a clean paper version. Renders nothing on screen; injects a
<style media="print"> into the head. Hides chrome with data-print="hide"; paginates with data-print-break="before|after|avoid". try it
Print this page
The page header and the section below are data-print="hide" targets — they'll vanish in the print preview. The section marked data-print-break="before" will start on a fresh page.
screen-only
Hidden from print
This card has data-print="hide". The print-sheet injects display: none for any matching element, so it disappears from the print preview without altering the on-screen layout.
page 2
Forced page break
This section has data-print-break="before" so it starts on a fresh sheet. Useful for separating cover · summary · appendix in a long report.
api
Usage
(No live demo — the sheet acts in print only. Click the button above to see it work.)
<!-- Drop into any page that needs a printable view -->
<tux-report-print-sheet size="letter" margin="0.6in" />
<!-- Hide pieces that shouldn't print -->
<aside data-print="hide">…sidebar chrome…</aside>
<!-- Force a page break before a section -->
<section data-print-break="before">…new page…</section>
<!-- Keep a block from breaking across pages -->
<table data-print-break="avoid">…</table>