Skip to main content

reports studio

TuxReportFrame

Page-sized canvas (letter / a4, portrait or landscape) for PDF export and print. The frame is the physical page chrome — paper-sheet elevation on screen, flush borderless under @media print, editorial header treatment, and footer gutter for page numbers and institutional source attribution. Visualizations, stats, prose, and charts go inside; the frame provides the standardized printable container.

Interactive Printable Sheet

Report Frame Canvas Workbench

Presets:
Canvas: letter · editorial density

quarterly report · 2026 Q1

Sponsored research — TTI corridor program

$84.2M

awarded · FY26 to date

412

active projects

$84.2M

total awarded

36.8%

TxDOT share

FY26 Q1 closed with awarded funding 12.4% above the same quarter in FY25, driven primarily by a $9.2M IH-35 corridor-safety renewal from TxDOT and a $4.8M FHWA work-zone classifier grant.

Coordination with TxDOT followed the established cadence. Outstanding action items track to the May steering review.

figure 1

Grant draws by sponsor

R · svg
R 4.4.1 · ggplot2 3.5.1 · scripts/grants-by-quarter.R
tti.tamu.edu · Texas A&M Transportation Institutepage 1 of 4
Properties Inspector5 configurable knobs
Page Dimensionsize
Typographic Densitydensity
Eyebrow Metadataeyebrow
Document Titletitle
Page Break After (Print)breakAfter
false
Dynamic Component Syntax
<tux-report-frame
  eyebrow="quarterly report · 2026 Q1"
  title="Sponsored research — TTI corridor program"
>
  <!-- Hero stat -->
  <tux-big-stat value="$84.2M" label="awarded · FY26 to date" />

  <!-- 3-up factoid row -->
  <tux-factoid :items="factoid" />

  <!-- Body narrative -->
  <p class="text-text-secondary leading-relaxed mt-4">
    FY26 Q1 closed with awarded funding 12.4% above the same quarter in FY25,
    driven primarily by a $9.2M IH-35 corridor-safety renewal from TxDOT.
  </p>

  <!-- Embedded exhibit from the Visualizations toolkit -->
  <tux-viz-rplot
    kind="svg"
    src="/viz-rplot-grants.svg"
    title="Grant draws by sponsor"
    ratio="8/5"
  />

  <template #footer>
    <span>tti.tamu.edu</span>
    <span>page 1 of 4</span>
  </template>
</tux-report-frame>

multi-page architecture

Composing Multi-Page Deliverables

To construct multi-page PDF documents or print packets, render sequential <TuxReportFrame> blocks. Set break-after (or :break-after="true") on every page except the final page. In the browser viewport, consecutive frames appear stacked with paper shadows; in print and PDF rendering engines (Puppeteer, Playwright, PrinceXML), each frame renders to its own discrete sheet.

Multi-Page Page Break Rule

The breakAfter prop automatically injects page-break-after: always under @media print without affecting screen layout or spacing.

Automatic Shadow Removal

During print preview and PDF generation, the outer border, elevation shadow, and margins collapse to 0, ensuring edge-to-edge ink precision with no unwanted gray boundaries.

specifications

Standard Physical Page Dimensions

Size ValuePhysical DimensionsAspect RatioTarget Use Case
letter8.5in × 11.0in (216 × 279 mm)1 : 1.294 (Portrait)Default for US sponsor deliverables, quarterly reports, IRB forms
letter-landscape11.0in × 8.5in (279 × 216 mm)1.294 : 1 (Landscape)Executive briefing decks, wide corridor telemetry maps, dashboard printouts
a4210mm × 297mm (8.27 × 11.69 in)1 : √2 ≈ 1.414 (Portrait)International partner deliverables, ISO standard publications, academic journal preprints
a4-landscape297mm × 210mm (11.69 × 8.27 in)√2 : 1 ≈ 1.414 (Landscape)International conference poster handouts, multi-column technical diagrams

scope & guidance

When to Reach for TuxReportFrame

Reach for TuxReportFrame when producing deliverables destined to leave the application as paper or PDF — quarterly research reports, legislative briefs, IRB submissions, sponsor write-ups, or accreditation packages. If the output is meant to live inside the web app and support interactive filtering, pivoting, or drilling, use Visualizations, not a Report.