Sign Up ›
  • NRJ
  • NEWBIE
  • 0 Points
  • Member since 2013
  • Chatter
    Feed
  • 0
    Best Answers
  • 0
    Likes Received
  • 1
    Likes Given
  • 1
    Questions
  • 1
    Replies
1 replies

Unable to scroll visualforce page inside salesforce1 app

I am having a visualforce page which is rendered inside salesforce1 app and I am unable to scroll the page.

does any one have any pointers for ficing the issue or anything that is restricting the page from scrolling inside salesforce1 app?
  • September 09, 2014
  • Like
  • 0
SOLVED
33 replies

PDF Repeating Header and Footer Support

After a lot of persistence I finally was able to get repeating header and footers when rendering a Visualforce page as a PDF. The key to this is the page2PDF support of CSS3. 

 

Here is the css I came up with:

 

<style type="text/css">
	@page {
		@top-center {
			content: element(header);
		}
	}
	div.header {
		padding: 10px;
		position: running(header);
	}
</style>
 
In the visualforce page I have the header setup as a div with the class name "header" the position running command pulls the content in my div and repeats it at the top of every page. The key for some reason is to put your header and footer divs at the top before you put your content on the page. 
 
Here is my page
 
<apex:page renderAs="pdf">    
	<head>        
		<style type="text/css" media="print">			
			@page { 				
				@top-center {					
					content: element(header);				
				}
				@bottom-left {
 					content: element(footer);
				}			
			}						
 
			div.header {			    
				padding: 10px;			    
				position: running(header);			 
			}			
			div.footer {				
				display: block;				
				padding: 5px;				
				position: running(footer);			
			}						
 
			.pagenumber:before {				
				content: counter(page); 			
			}						
			.pagecount:before {				
				content: counter(pages);  			
			}			        
		</style>            
	</head>    	
 
	<div class="header">		
		<div>My Header Text</div>	
	</div>	
 
	<div class="footer">  		
		<div>Page <span class="pagenumber"/> of <span class="pagecount"/></div>	
	</div>	
 
	<div class="content">		
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec nulla turpis. Suspendisse eget risus sit amet lectus ornare varius. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean nec urna purus, adipiscing accumsan massa. Nullam in justo nulla, sed placerat mauris. In ut nunc eget libero posuere luctus. Donec vulputate sollicitudin ultrices. Nulla facilisi. Mauris in sapien arcu. Phasellus sit amet quam non mi ornare tincidunt ac quis lectus.</p>
	</div>
</apex:page>
 
I cut the content text short for the purpose of this post. I am sure it will just take some more playing around.
 
Hope this helps someone avoid some late nights like I spent trying to figure this out. :smileyhappy:
 
 
Message Edited by JohnDS on  03-10-2010 07:34 PM

                                                                        

                                                                    

                                                                

                                                                
                                                            

                                                        

                                                    

                                                

                                            

                                    

                                

                                

                                    

                                            

                                                

                                                    

                                                        

                                                            

                                                                

                                                                    

                                                                        
                                                                            
1 replies

                                                                        
                                                                    

                                                                    

                                                                        Adjust font size of a related list on Visualforce page rendered as PDF
                                                                    

                                                                    

                                                                        
Hi,
 
I've included an apex:related list for approval history into a Visualforce page being rendered as a PDF however its coming out in a font that is much larger than the font used elsewhere in the visualforce page.
 
Is there a way to adjust the font size of the apex:related list data or do I have to rebuild as a controller extension??
 
<apex:page standardcontroller="Opportunity" showheader="false" contenttype="application/pdf" renderas="pdf" readonly="true" >
     

<apex:relatedList list="ProcessSteps" >
</apex:relatedList>
 
 
Thanks in advance