[SalesForce] Header and Footer repeating in end of the word document

any one help me on this, it's urgent. Header and footer are displaying end of the word document. I am using landscape as page size. If I change page size landscape to any other it's working fine. But I need to show the document with landscape, because I have to display data in large no. of columns. How can I remove the repeated header & footer in end of the document?

CSS:

<head>
        <style type="text/css" media="print">           
            @page main {
                size:11in 8.5in;
                mso-page-orientation:landscape;
                mso-header:header1;
                mso-footer:footer1;
                margin-top:80px;
                margin-bottom:80px;  
                margin-right:20px;
                margin-left:20px;
                mso-paper-source:0;
            }
            div.main {
                page:main;
            }
            p.MsoFooter, li.MsoFooter, div.MsoFooter {
                mso-pagination:widow-orphan;
                tab-stops:center 3.0in right 6.0in;
            }
            p.MsoHeader, li.MsoHeader, div.MsoHeader {
                mso-pagination:widow-orphan;
                tab-stops:center 3.0in right 6.0in;
            }
            table#hrdftrtbl{
                margin:0in 0in 0in 9in;
            } 
        </style>
    </head>

header & Footer:

<table id='hrdftrtbl' border='1' cellspacing='0' cellpadding='0'>
    <tr>
        <td>
            <!--Header-->
            <div style='mso-element:header' id="header1" >
                <p class="MsoHeader">
                    <table border="0" width= "100%" cellpadding="0" cellspacing="0" style="border-bottom:1px solid #736D6E">
                         <tr>
                             <td width="3%" align="left" height="30%"></td>
                             ------------------
                         </tr>
                     </table>
                </p>
            </div>
        </td>

        <td>
            <!--Footer-->
            <div style='mso-element:footer' id="footer1">
                <p class="MsoFooter">
                    <table style="border-top: 1px solid black;" width="100%" cellpadding="0" cellspacing="0">
                     <tr>
                         <td width="3%" align="left" height="30%"></td>
                             ------------------
                     </tr>
                 </table>
                </p>
            </div>
        </td>
    </tr>
</table>

Best Answer

i got solution for this after lot of struggling. I did small modification in css. That is: table#hrdftrtbl{ margin:0in 0in 0in 15in; }

Related Solutions

[SalesForce] Add CSS classes and repeating header to Visualforce PDF

Change your <apex:page> to this:

<apex:page renderAs="pdf" applyBodyTag="false">

According to the docs:

A Boolean value that specifies whether or not Visualforce should automatically add a <body> tag to the generated HTML output. Set to false to disable adding the <body> tag to the response, for example, when the tag is statically set in your markup. If not specified, this value defaults to the value of the applyHtmlTag attribute if it's set, or true, if applyHtmlTag isn't set.

Using the sample you provided, I was able to render the following as PDF:

enter image description here

The header (logo) appears on every page as expected using the following VF:

<apex:page renderAs="PDF" applyBodyTag="false">
  <head>
  <style type="text/css" media="print">
    @page {
      margin-top: 1.5in;
      @top-center {
        content: element(header);
      }
    }
    div.header {
      position: running(header);
    }
    .sectionTitle {
      font-weight: bold;
    }
  </style>
  </head>
  <div class="header">
    <center><img src="{!$Resource.logo}" width="25%"/></center>
  </div>
  <div class="content">
    <table>
      <tr>
        <td class="sectionTitle">test</td>
      </tr>
      <!--rest removed for brevity...-->
    </table>
  </div>
</apex:page>

[SalesForce] Repeated Header and Footer when Visualforce Page Is rendered as MS Word

I think the issue you are having is that the 'template' for the header and footer gets displayed in the main content. Otherwise the header and footer do display correctly - at least they did for me. I found the solution to remove the 'template' in another post. Check it out here

 <apex:page sidebar="false" contentType="application/msword" cache="true">
    <html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:w='urn:schemas-microsoft-com:office:word' xmlns='<a target="_blank" href="http://www.w3.org/TR/REC-html40'" rel="nofollow">http://www.w3.org/TR/REC-html40'</a>>
        <head>
            <style>
                p.MsoHeader, li.MsoHeader, div.MsoHeader{
                    margin:0in;
                    margin-top:.0001pt;
                    mso-pagination:widow-orphan;
                    tab-stops:center 3.0in right 6.0in;
                }
                p.MsoFooter, li.MsoFooter, div.MsoFooter{
                    margin:0in;
                    margin-bottom:.0001pt;
                    mso-pagination:widow-orphan;
                    tab-stops:center 3.0in right 6.0in;
                }
                @page Section1{
                    size:8.5in 11.0in; 
                    margin:0.5in 0.5in 0.5in 0.5in;
                    mso-header-margin:0.5in;
                    mso-header:h1;
                    mso-footer:f1; 
                    mso-footer-margin:0.5in;
                    mso-paper-source:0;
                }
                div.Section1{
                    page:Section1;
                }
                /*Below is the style to prevent the repetition of header and Footer.. Cheers!!!*/
                table#hrdftrtbl{
                    margin:0in 0in 0in 9in;
                }        
            </style>
        </head>

        <body>
            <!-- Content -->
            <div class="Section1"><!--Section1 div starts-->
                <!-- Page 1 starts -->
                <br/>
                Page 1 Content

                <br clear="all" style="page-break-before:always" />


                <!-- Page 2 Starts -->
                <br/>
                Page 2 Content

                <br clear="all" style="page-break-before:always" />

                <!-- Page 3 Starts -->
                <br/>
                Page 3 Content

                <!--Header and Footer Starts-->
                <table id='hrdftrtbl' border='1' cellspacing='0' cellpadding='0'>
                    <tr>
                        <td>
                            <!--Header-->
                            <div style='mso-element:header' id="h1" >
                                <p class="MsoHeader">
                                    <table border="1" width="100%">
                                        <tr>
                                            <td width="30%">
                                                Left <br/>Header
                                            </td>
                                            <td align="center" width="40%">
                                                Center<br/> Header
                                            </td>
                                            <td align="right" width="30%">
                                                Right<br/>Header
                                            </td>
                                        </tr>
                                    </table>
                                </p>
                            </div>
                        </td>

                        <td>
                            <!--Footer-->
                            <div style='mso-element:footer' id="f1">
                                <p class="MsoFooter">
                                    <table width="100%" border="1" cellspacing="0" cellpadding="0">
                                        <tr>
                                            <td width="30%">
                                                Left<br/>Footer
                                            </td>
                                            <td align="center" width="40%">
                                                Center<br/>Footer
                                            </td>
                                            <td align="right" width="30%">
                                                Page <span style='mso-field-code: PAGE '></span> of <span style='mso-field-code: NUMPAGES '></span>
                                            </td>
                                        </tr>
                                    </table>
                                </p>
                            </div>
                        </td>
                    </tr>
                </table>
            </div><!--Section1 div ends-->
        </body>
    </html>
</apex:page>

Best Answer

Related Solutions

[SalesForce] Add CSS classes and repeating header to Visualforce PDF

[SalesForce] Repeated Header and Footer when Visualforce Page Is rendered as MS Word

Related Topic