How to print particular data in visualforce page?

Question

I have visualforce page that contains report card. This page have command button like Back to page and Print . I am using for Print command button

apex:commandLink value="Print" onclick="window.print();"

This is printing along with buttons. but i don't want to print command buttons after we done print. Can anyone please help to how to print page with only required data.

Answer 1

Try this sample page

     <apex:page showheader="false" sidebar="false">
    <apex:form>
        <apex:commandlink styleClass="cButtons" value="Print" reRender="dummy" onclick="printMyPartialPage();"/>
        adfas<br/>
        asdfs<br/>
        asdfasdfasdfasdf<br/>
        
        asdfasdfasdfasdfasd <br/>
        
    </apex:form>
    <apex:includeScript value="https://code.jquery.com/jquery-2.2.0.min.js"/>
    
    <Script>
        function printMyPartialPage(){
            $('.cButtons').hide();
            window.print();    
        }
    </script>
</apex:page>

Answer 2

This might be useful for you - https://developer.salesforce.com/blogs/developer-relations/2008/06/dynamically-cho.html.

You can dynamically render your page as PDF and use the 'chooserender' variable in the above link to hide your command buttons

Answer 3

You would have to place the content to print in a separate section say div. And use command button in a different section and use below code:

<div id="printDiv">
<apex:pageblock>
...
...Your Page content to print....
...
</apex:pageBlock>
</div>
<apex:commandLink onclick="myFunction('printDiv')" value="Print"/>

The JS function:

function myFunction(printDiv) { var printContent = document.getElementById(printDiv).innerHTML; var w = window.open(); w.document.write(printContent); w.print(); w.close(); }

Answer 4

Use the below code to provide a print option of your entire VFpage

    <tr>    
        <td align="right"><a href="javascript:window.print();">Print</a></td>
    </tr>