You need to sign in to do that
Don't have an account?

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.
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.
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!