SharePoint list prints without checkboxes — print CSS path (Modern list & JSON column formatting)

We’ll make your **SharePoint list** print with visible **checkboxes** (Yes/No columns) instead of blank cells. Quick scan:
• SharePoint **Online (Modern)** or classic?
• Column type: **Yes/No** or custom choice with icons?
• Printing from **Edge/Chrome** (Ctrl+P) or using **Export to PDF** via browser?
• Do you see Fluent UI checkbox in the browser but not on paper/PDF (missing webfont/SVG)?

Modern lists render the check as a **Fluent UI** icon (webfont/SVG) styled by **CSS**. In print, browsers often strip background images, icon fonts, and some pseudo-elements unless **print CSS** allows them or the glyph is inline.
Result: you get **blank cells** even though the value is True. We’ll fix it by:
1) Adding **JSON column formatting** that emits printable text (e.g., **☑** / **☐** via txtContent).
2) Optionally adding a **@media print** rule so icons/checkboxes render reliably.
3) Using the browser’s **Background graphics** option for icon-based views.

Yes. Use **Column formatting** to output printable characters instead of themed icons. In **List settings → Columns → Completed → Format this column → Advanced mode**, paste a template like:

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "span", "style": { "font-weight": "600" }, "txtContent": "=if(@currentField, '☑', '☐')", "attributes": { "aria-label": "=if(@currentField, 'Completed', 'Not completed')" } }

This prints universally (Edge/Chrome/PDF) and improves **accessibility**. Related keywords: SharePoint JSON column formatting, Yes/No print, printable checkmark, agenda PDF.

You can. Two approaches:
• **Fallback text**: Keep iconName for screen, and add **txtContent** for print using @media print (CSS) or conditional JSON to show **☑/☐** only on print.
• **Inline SVG**: Emit SVG via JSON (elmType=svg/path). Inline SVG usually survives print better than icon fonts.
If you can inject site CSS (no SPFx), use a **Script/Embed web part** on a page view and add:
@media print { .ms-Icon, [class*="ms-Icon"] { -webkit-print-color-adjust: exact; print-color-adjust: exact; } }
And in the browser **toggle “Background graphics”** when printing.

For a clean **print-friendly** list:
• Create a **View** with only necessary columns (Title, Assigned To, Completed, Due Date).
• Turn off column **wrap** on long text where possible; prefer concise fields.
• If pagination causes gaps, **export to PDF** via browser after enabling **Background graphics** and setting **Scale 100%**.
• As a fallback, use **Export to CSV → open in Excel → File → Print** for production-grade checkboxes via conditional formatting (✓/✗).

Yes — use **text glyphs** plus optional color. Example JSON:

{ "$schema": "https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json", "elmType": "span", "txtContent": "=if(@currentField, '☑ Done', '☐ Open')", "style": { "color": "=if(@currentField, '#0E7C10', '#444')" } }

Even if the printer ignores color, **☑/☐ + words** remain readable on paper.

In **Edge/Chrome** print dialog:
• Enable **More settings → Background graphics** (needed for icon fonts/backgrounds).
• **Scale = 100%** and **Margins = Default/Narrow** for grid alignment.
• If a corporate extension injects CSS, use an **App guard** or **InPrivate** window for a clean print.
With our **JSON txtContent** fallback, checks print even if Background graphics is off.

Classic lists often use different icon paths; printing can drop background **sprite** images. The same approach works:
• Replace icons with **text/Unicode** via calculated columns or JSON (Modern).
• Add a site-level **@media print** that sets content:'☑'/'☐' via :before for True/False cells.
• If fonts are blocked by **CSP**, inline SVG or Unicode still prints.

Summary: In **SharePoint Modern**, icon fonts may not print. Use **JSON column formatting** to emit **☑/☐** via txtContent, optionally add **@media print** so icons survive, and enable **Background graphics** if you keep Fluent UI icons. Need help rolling this to multiple sites via PnP or templates? Open the chat.