You need to sign in to do that
Don't have an account?
![Rick SF Admin Rick SF Admin](https://dfc-org-production.my.site.com/img/userprofile/default_profile_45_v2.png)
How to align text and images in the header of visualforce pages
I want to created the exact image below for a visualforce page that'll render as a pdf. The border-line is needed also.
![User-added image](/forums/servlet/rtaImage?eid=9060G0000005Tlb&feoid=Body&refid=0EM0G0000003JAs)
MY CODE:
<apex:page standardController="Newsletter__c" renderAs="pdf" extensions="MyPageController">
<div class="header">
Contact: First Last Name<br/>
Demo, Inc. <br/>
Phone: (301)222-2222
<img src="{!$Resource.companylogo}" width="20%"/>
</div>
MY CODE:
<apex:page standardController="Newsletter__c" renderAs="pdf" extensions="MyPageController">
<div class="header">
Contact: First Last Name<br/>
Demo, Inc. <br/>
Phone: (301)222-2222
<img src="{!$Resource.companylogo}" width="20%"/>
</div>
According to your needs.
Thank you
Rohan Gupta
All Answers
Hi,
<apex:page standardController="Newsletter__c" renderAs="pdf" extensions="MyPageController">
<div class="slds-grid slds-wrap">
<div class="slds-col slds-size--1-of-2 slds-small-size--1-of-2 slds-medium-size--1-of-2">
<div class="header">
Contact: First Last Name<br/>
Demo, Inc. <br/>
Phone: (301)222-2222
</div>
</div>
<div class="slds-col slds-size--1-of-2 slds-small-size--1-of-2 slds-medium-size--1-of-2" style="float:right;">
<img src="{!$Resource.companylogo}" width="20%"/>
</div>
</div>
</apex:page>
Thank You
According to your needs.
Thank you
Rohan Gupta