+ Start a Discussion
Salesforce 283Salesforce 283 

Override the header Image and Page number by using image

Hi Guys,

I created 15 PDF pages which has header image, images and page numbers. In those, i want to display some pages override header image by using images and page numbers. Please help me out this problem.

Here i used:
<apex:page>
<style>
            @page {
                   margin-top: 3.0cm;
                   margin-left: 0cm;
                   margin-right: 0cm;
            @top-center {
                  background-image: url('{!$Resource.con_header}')
                  width:100%;
                }
          }
          
        @page{
          @bottom-right {
                  content: "Page " counter(page) " of " counter(pages);
                  padding-bottom:20px;
                  padding-right:40px;
              }   
            }
        </style>

<div>
        <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page4.tif')}" width="100%" height="875px"/>
         <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page5.tif')}" width="100%" height="875px"/>
          <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page6.tif')}" width="100%" height="875px"/>    
           <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page7.tif')}" width="100%" height="875px"/>     
            <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page8.tif')}" width="100%" height="875px"/>       
             <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page9.tif')}" width="100%" height="875px"/>        
              <apex:image url="{!URLFOR($Resource.Brochure, 'Brochure/Page10.tif')}" width="100%" height="875px"/>
    </div>    
</apex:page>

What i mentioned above, i can display header in all pages and page numbers.
Those above images i have to display without header and page numbers. How can i?


Thanks,
Mahesh.
scottbcovertscottbcovert
Hi Mahesh,

Though for a different use case I think this thread might contain the solution to your problem. The OP is trying to remove the header from the first page, perhaps the solution that he/she discovered can be applied to your use case as well. Best of luck!