Apex Code Development You need to sign in to do that
Don't have an account?
ArmanM HTML to Visualforce Page
Hi,
I'm trying to contvert this HTML code to visaulforcepage, please help me convert the following-
I'm trying to contvert this HTML code to visaulforcepage, please help me convert the following-
<apex:page standardController="Opportunity" renderAs="pdf">
<center>
<table width="100%" style="font-family: Arial, Helvetica, sans-serif; border-collapse: collapse;"
cellpadding="5"> </center>
<tr>
<td colspan="4" style="font-size: x-large; font-weight: bold">
{!Opportunity.Account.Name}
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick;
border-bottom-color: #30b55a;">
Campaign Information
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Campaign Name
</td>
<td style="font-weight: normal">
{!Opportunity.Name}
</td>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Brand
</td>
<td style="font-weight: normal">
{!Opportunity.Brands_Test__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Start Date
</td>
<td style="font-weight: normal">
<apex:outputText value="{0,date,MM'/'dd'/'yyyy}">
<apex:param value="{!Opportunity.Campaign_Start_Date__c}" />
</apex:outputText>
</td>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
End Date
</td>r
<td style="font-weight: normal">
<apex:outputText value="{0,date,MM'/'dd'/'yyyy}">
<apex:param value="{!Opportunity.Campaign_End_Date__c}" />
</apex:outputText>
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Duration
</td>
<td style="font-weight: normal">
{!Opportunity.Campaign_Duration__c}
</td>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Geo
</td>
<td style="font-weight: normal">
{!Opportunity.Targeting_Country__c}
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick;
border-bottom-color: #30b55a;">
Mobile Spots - {!Opportunity.Mobile_Spots_B__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Audio Ads
</td>
<td style="font-weight: normal">
{!Opportunity.Mobile_Spots_B__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Companion Banner
</td>
<td style="font-weight: normal">
{!Opportunity.Mobile_Companion_Banner__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Display Impression
</td>
<td style="font-weight: normal">
{!Opportunity.Mobile_Display_Impression__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Interstitial
</td>
<td style="font-weight: normal">
{!Opportunity.Moblie_Interstitial__c}
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick;
border-bottom-color: #30b55a;">
Web Spots - {!Opportunity.Web_Spots_B__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Audio Ads
</td>
<td style="font-weight: normal">
{!Opportunity.Web_Spots_B__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Companion Banner
</td>
<td style="font-weight: normal">
{!Opportunity.Web_Spots_B__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Display Impression
</td>
<td style="font-weight: normal">
{!Opportunity.Web_Display_Impression__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Interstitial
</td>
<td style="font-weight: normal">
{!Opportunity.Web_Interstitial__c}
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick;
border-bottom-color: #30b55a;">
Total
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Spots
</td>
<td style="font-weight: normal">
{!Opportunity.Total_Spot_Booked__c}
</td>
</tr>
<tr>
<td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin;
border-right-color: #30b55a;">
Approx. Impressions
</td>
<td style="font-weight: normal">
{!Opportunity.Total_Impressions__c}
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: normal">
Note: Spots will be spread out on the Mobile Playlist, Saavn Radio and ROS.
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: bold">
<font color ="blue"> Deliverables from {!Opportunity.Account} </font>
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: normal">
<font color ="blue"> {!Opportunity.Campaign_Comments__c} </font>
</td>
</tr>
<tr>
<td colspan="4">
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: bold">
Confidentiality:
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: normal">
<p> The parties involved acknowledge and agree that this term sheet, its material terms and conditions and any other information
<br>
disclosed by one party to the other party in connection with this proposal or negotiation of the agreement is Confidential Information.</p>
</br>
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: bold">
Above terms agreed to by:
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: normal">
<br></br>
Name: ____________________________________________________________________________________
<br></br> Designation: ____________________________________________________________________________________
<br></br> Company Name: ____________________________________________________________________________________
<br></br> Email Address: ____________________________________________________________________________________
<br></br> Mailing Address and Contact Details: ____________________________________________________________________________________
<br></br> Signature: ____________________________________________________________________________________
<br></br>
Date
<tr>
<td colspan="4" style="font-size: medium; font-weight: bold">
Above terms agreed to by (For Saavn LLC):
</td>
</tr>
<tr>
<td colspan="4" style="font-size: medium; font-weight: normal">
<br></br> Name: ____________________________________________________________________________________
<br></br> Designation: ____________________________________________________________________________________
<br></br> Signature: ____________________________________________________________________________________
<br></br>
Date
</td>
</tr>
</table>
</apex:page>
Thank You!
Please replace the above code with the below one.
<apex:page standardController="Opportunity" renderAs="pdf"> <apex:form> <apex:pageBlock> <center> <table width="100%" style="font-family: Arial, Helvetica, sans-serif; border-collapse: collapse;" cellpadding="5"> <tr> <td colspan="4" style="font-size: x-large; font-weight: bold"> {!Opportunity.Account.Name} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Campaign Information </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Campaign Name </td> <td style="font-weight: normal"> {!Opportunity.Name} </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Brand </td> <td style="font-weight: normal"> {!Opportunity.Brands_Test__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Start Date </td> <td style="font-weight: normal"> <apex:outputText value="{0,date,MM'/'dd'/'yyyy}"> <apex:param value="{!Opportunity.Campaign_Start_Date__c}" /> </apex:outputText> </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> End Date </td>r <td style="font-weight: normal"> <apex:outputText value="{0,date,MM'/'dd'/'yyyy}"> <apex:param value="{!Opportunity.Campaign_End_Date__c}" /> </apex:outputText> </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Duration </td> <td style="font-weight: normal"> {!Opportunity.Campaign_Duration__c} </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Geo </td> <td style="font-weight: normal"> {!Opportunity.Targeting_Country__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Mobile Spots - {!Opportunity.Mobile_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Audio Ads </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Companion Banner </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Companion_Banner__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Display Impression </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Display_Impression__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Interstitial </td> <td style="font-weight: normal"> {!Opportunity.Moblie_Interstitial__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Web Spots - {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Audio Ads </td> <td style="font-weight: normal"> {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Companion Banner </td> <td style="font-weight: normal"> {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Display Impression </td> <td style="font-weight: normal"> {!Opportunity.Web_Display_Impression__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Interstitial </td> <td style="font-weight: normal"> {!Opportunity.Web_Interstitial__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Total </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Spots </td> <td style="font-weight: normal"> {!Opportunity.Total_Spot_Booked__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Approx. Impressions </td> <td style="font-weight: normal"> {!Opportunity.Total_Impressions__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> Note: Spots will be spread out on the Mobile Playlist, Saavn Radio and ROS. </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> <font color ="blue"> Deliverables from {!Opportunity.Account} </font> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <font color ="blue"> {!Opportunity.Campaign_Comments__c} </font> </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Confidentiality: </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <p> The parties involved acknowledge and agree that this term sheet, its material terms and conditions and any other information disclosed by one party to the other party in connection with this proposal or negotiation of the agreement is Confidential Information.</p> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Above terms agreed to by: </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <br></br> Name: ____________________________________________________________________________________ <br></br> Designation: ____________________________________________________________________________________ <br></br> Company Name: ____________________________________________________________________________________ <br></br> Email Address: ____________________________________________________________________________________ <br></br> Mailing Address and Contact Details: ____________________________________________________________________________________ <br></br> Signature: ____________________________________________________________________________________ <br></br> Date </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Above terms agreed to by (For Saavn LLC): </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <br></br> Name: ____________________________________________________________________________________ <br></br> Designation: ____________________________________________________________________________________ <br></br> Signature: ____________________________________________________________________________________ <br></br> Date </td> </tr> </table> </center> </apex:pageBlock> </apex:form> </apex:page>Hope this helps you!
Best Regards,
Jyothsna
All Answers
Please replace the above code with the below one.
<apex:page standardController="Opportunity" renderAs="pdf"> <apex:form> <apex:pageBlock> <center> <table width="100%" style="font-family: Arial, Helvetica, sans-serif; border-collapse: collapse;" cellpadding="5"> <tr> <td colspan="4" style="font-size: x-large; font-weight: bold"> {!Opportunity.Account.Name} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Campaign Information </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Campaign Name </td> <td style="font-weight: normal"> {!Opportunity.Name} </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Brand </td> <td style="font-weight: normal"> {!Opportunity.Brands_Test__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Start Date </td> <td style="font-weight: normal"> <apex:outputText value="{0,date,MM'/'dd'/'yyyy}"> <apex:param value="{!Opportunity.Campaign_Start_Date__c}" /> </apex:outputText> </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> End Date </td>r <td style="font-weight: normal"> <apex:outputText value="{0,date,MM'/'dd'/'yyyy}"> <apex:param value="{!Opportunity.Campaign_End_Date__c}" /> </apex:outputText> </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Duration </td> <td style="font-weight: normal"> {!Opportunity.Campaign_Duration__c} </td> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Geo </td> <td style="font-weight: normal"> {!Opportunity.Targeting_Country__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Mobile Spots - {!Opportunity.Mobile_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Audio Ads </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Companion Banner </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Companion_Banner__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Display Impression </td> <td style="font-weight: normal"> {!Opportunity.Mobile_Display_Impression__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Interstitial </td> <td style="font-weight: normal"> {!Opportunity.Moblie_Interstitial__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Web Spots - {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Audio Ads </td> <td style="font-weight: normal"> {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Companion Banner </td> <td style="font-weight: normal"> {!Opportunity.Web_Spots_B__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Display Impression </td> <td style="font-weight: normal"> {!Opportunity.Web_Display_Impression__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Interstitial </td> <td style="font-weight: normal"> {!Opportunity.Web_Interstitial__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-weight: bold; border-bottom-style: solid; border-bottom-width: thick; border-bottom-color: #30b55a;"> Total </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Spots </td> <td style="font-weight: normal"> {!Opportunity.Total_Spot_Booked__c} </td> </tr> <tr> <td align="right" style="color: #808080; border-right-style: solid; border-right-width: thin; border-right-color: #30b55a;"> Approx. Impressions </td> <td style="font-weight: normal"> {!Opportunity.Total_Impressions__c} </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> Note: Spots will be spread out on the Mobile Playlist, Saavn Radio and ROS. </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> <font color ="blue"> Deliverables from {!Opportunity.Account} </font> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <font color ="blue"> {!Opportunity.Campaign_Comments__c} </font> </td> </tr> <tr> <td colspan="4"> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Confidentiality: </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <p> The parties involved acknowledge and agree that this term sheet, its material terms and conditions and any other information disclosed by one party to the other party in connection with this proposal or negotiation of the agreement is Confidential Information.</p> </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Above terms agreed to by: </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <br></br> Name: ____________________________________________________________________________________ <br></br> Designation: ____________________________________________________________________________________ <br></br> Company Name: ____________________________________________________________________________________ <br></br> Email Address: ____________________________________________________________________________________ <br></br> Mailing Address and Contact Details: ____________________________________________________________________________________ <br></br> Signature: ____________________________________________________________________________________ <br></br> Date </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: bold"> Above terms agreed to by (For Saavn LLC): </td> </tr> <tr> <td colspan="4" style="font-size: medium; font-weight: normal"> <br></br> Name: ____________________________________________________________________________________ <br></br> Designation: ____________________________________________________________________________________ <br></br> Signature: ____________________________________________________________________________________ <br></br> Date </td> </tr> </table> </center> </apex:pageBlock> </apex:form> </apex:page>Hope this helps you!
Best Regards,
Jyothsna