How to hide the Print button in printed document ?

[RamaKrishna Thota]

Dear All

I am printing one JSF page for client request, but i am getting the PRINT button text also in my printed page.

But i want to hide the PRINT button in printed document.Please help me

Thanks in advance...

For printing the page in my JSF page using below code..

onclick="javascript: window.print();"

[Ulf Dittmer]

Why is the Print button there in the first place? I'd think most users would know to use Control P or the Print menu.

[RamaKrishna Thota]

Thank you for your Quick Reply

[RamaKrishna Thota]

But my requirement is, i should be able to hide the PRINT button in my printed document,if any possibilities please help me...

[Tim Holloway]

@media print {
    .noprint {
        display: none;
    }
    #pageBanner { display:none; }
    
    .pagebody-L, .pageHead-L {
        display: none;
    }
}

@media screen {
    .noscreen {
        display: none;
    }
    .gutter {
        width: 10px;
    }
}

The "noprint" style class can be used to hide the print button - and anything else you want. I use this for things like hiding sidebar menus when a page prints, too.

I'm afraid I don't expect users to know anything (based on past experience) . So I have "print" buttons on my printable pages as well.