Take the following example of a page and controller:
Page:
<apex:page showHeader="false" controller="LetterListController" standardStylesheets="false" sidebar="false">
<apex:dataList value="{!accounts}" type="a" var="account" id="theList" >
<apex:outputText value="{!account.name}"/>
</apex:dataList>
<ol type="a">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
<li>Last Item</li>
</ol>
</apex:page>
public class LetterListController {
List<Account> accounts;
public List<Account> getAccounts() {
if(accounts == null) accounts = [select name from account limit 10];
return accounts;
}
}
When the Letter List page is rendered in Salesforce, the following output appears-
Absolutely fine, but when we add the renderAs="pdf" attribute in the page tag definition, the PDF output is -
The apex datalist has been rendered as a list with blobs, while the html list has been changed to be ordered by numbers. This is quite frustrating, but the solution is simple. You can choose the bullet point class of a list using the css attribute list-style-type. So all we need to do is create a style class on the page inside head tags, and then apply this class to the two lists.
Page:
<apex:page showHeader="false" controller="LetterListController" standardStylesheets="false" sidebar="false" renderas="PDF">
<head>
<style>
.letterList{
list-style-type: lower-alpha;
}
</style>
</head>
<apex:dataList value="{!accounts}" var="account" id="theList" styleClass="letterList">
<apex:outputText value="{!account.name}"/>
</apex:dataList>
<ol class="letterList" type="a">
<li>First Item</li>
<li>Second Item</li>
<li>Third Item</li>
<li>Last Item</li>
</ol>
</apex:page>
The output PDF is now -
Excellent post!!! In this competitive market, customer relationship management plays a significant role in determining a business success. That too, cloud based CRM product offer more flexibility to business owners to main strong relationship with the consumers. Salesforce Course in Chennai|Salesforce Training Chennai
ReplyDeleteشهرام صولتی بگو بگو
DeleteI'm here representing the visitors and readers of your own website say many thanks for many remarkable
ReplyDeleteClick here:
angularjs training in btm
Click here:
angularjs training in rajajinagar
Thanks for such a great article here. I was searching for something like this for quite a long time and at last I’ve found it on your blog. It was definitely interesting for me to read about their market situation nowadays.
ReplyDeleteClick here:
Microsoft azure training in btm
Click here:
Microsoft azure training in rajajinagar
Excellent blog, I wish to share your post with my folks circle. It’s really helped me a lot, so keep sharing post like this
ReplyDeleteBlueprism training in marathahalli
AWS Training in chennai
AWS Training in bangalore
Excellent blog, I wish to share your post with my folks circle. It’s really helped me a lot, so keep sharing post like this
ReplyDeleteData Science training in rajaji nagar | Data Science with Python training in chenni
Data Science training in electronic city | Data Science training in USA
Data science training in pune | Data science training in kalyan nagar
Very well written blog and I always love to read blogs like these because they offer very good information to readers with very less amount of words....thanks for sharing your info with us and keep sharing.
ReplyDeleteangularjs Training in marathahalli
angularjs interview questions and answers
angularjs Training in bangalore
angularjs Training in bangalore
angularjs Training in chennai
Greetings. I know this is somewhat off-topic, but I was wondering if you knew where I could get a captcha plugin for my comment form? I’m using the same blog platform like yours, and I’m having difficulty finding one? Thanks a lot.
ReplyDeleteAWS Interview Questions And Answers
AWS Online Training | Online AWS Certification Course - Gangboard
AWS Training in Toronto| Amazon Web Services Training in Toronto, Canada
AWS Training in NewYork City | Amazon Web Services Training in Newyork City
AWS Training in London | Amazon Web Services Training in London, UK
AWS Training in Chennai | AWS Training Institute in Chennai Velachery, Tambaram, OMR
AWS Training in Bangalore |Best AWS Training Institute in BTM ,Marathahalli
The post was amazing. It showcases your knowledge on the topic. Thanks for Posting.
ReplyDeleteCPHQ Online Training in Kabul. Get Certified Online|
CPHQ Training Classes in Al Farwaniyah
I have visited this blog first time and i got a lot of informative data from here which is quiet helpful for me indeed.
ReplyDeleteangularjs online training
apache spark online training
informatica mdm online training
devops online training
aws online training
I would assume that we use more than the eyes to gauge a person's feelings. Mouth. Body language. Even voice. You could at least have given us a face in this test.
ReplyDeleteMicrosoft Azure online training
Selenium online training
Java online training
Python online training
uipath online training
great blog
ReplyDeleteSAP Training in Chennai
SAP ABAP Training in Chennai
SAP Basis Training in Chennai
SAP FICO Training in Chennai
SAP MM Training in Chennai
SAP PM Training in Chennai
SAP PP Training in Chennai
SAP SD Training in Chennai
excellent
ReplyDeleteinplant training in chennai
inplant training in chennai for it
panama web hosting
syria hosting
services hosting
afghanistan shared web hosting
andorra web hosting
belarus web hosting
brunei darussalam hosting
inplant training in chennai
(Yeezy Boost 350 Cheap) The application of environmental (Cheap Yeezys For Sale) protection agency strategy 200.8(The fashion spent on the environmental protection agency to attempt with encourage from city and county water resources, Following the environmental protection agency untruths about benefits in addition to the talks people's there's no hassle, Situation the publish).The medical Ranger's CWC labradors have won a 100% satisfactory results finish lead (Michael Kors Outlet) to to examining (Coach Outlet Online) water footprint volatile organic compounds as well as (Cheap Jordan Shoes Websites) arsenic, Cadmium while (Cheap Yeezy Shoes Sale) live. CWC laboratories outcome was consequently express if ever the instrument says, "All of your is usually a is results of the an exhibition finer expertise (New Yeezys 2020) of theresearch you" In comparing chemical toxins.
ReplyDeleteSuch an exceptionally valuable article. Extremely intriguing to peruse this article. I might want to thank you for the endeavors you had made for composing this amazing article.
ReplyDeletehadoop training in chennai
hadoop training in tambaram
salesforce training in chennai
salesforce training in tambaram
c and c plus plus course in chennai
c and c plus plus course in tambaram
machine learning training in chennai
machine learning training in tambaram
Thanks for such a great article here. I was searching for something like this for quite a long time and at last I’ve found it on your blog
ReplyDeleteangular js training in chennai
angular js training in omr
full stack training in chennai
full stack training in omr
php training in chennai
php training in omr
photoshop training in chennai
photoshop training in omr