Freya Theme – Ctrl+P printing shows empty page

[nhthinh-axonivy]

Hi PrimeFaces team,

I am using the Freya premium theme. When I try to print the page using Ctrl+P (or window.print()), the print preview shows only an empty page. The actual content is not visible.

Steps to reproduce

• Start a project with the Freya theme.

• Navigate to any page with normal content.

• Press Ctrl+P.

• Print preview shows an empty page.

Expected behavior
The page content should be visible in the print preview and printable.
You can reproduce it on Freya showcase: https://www.primefaces.org/freya/dashboard.xhtml

Is there any recommended fix or support for enabling printing with Freya?
Thanks in advance!

[melloware]

@nhthinh-axonivy yes in invoice.scss it has this CSS Media which is blocking your printing. Just remove this CSS from invoice.scss

@media print {
    body * {
        visibility: hidden;
    }
    #invoice-content * {
        visibility: visible;
    }
    #invoice-content {
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        padding: 0;
        margin: 0;
        background: #ffffff;
        color: rgba(41, 50, 65, 0.8);
    }

    .invoice {
        .invoice-to {
            border-top: 1px solid #F2F4F6;
        }

        .invoice-items table tr {
            border-bottom: 1px solid #F2F4F6;
        }
    }
}

[tandraschko]

@melloware how can fix that nicely in the template it self?
adding a class to body? like body.invoice * { hidden} ?

[melloware]

@tandraschko i didn't look into it but I think you are right we just need to add more specific selectors so that @media print is not picked up generically!

[tandraschko]

fixed it for the next release