CFDOCUMENT, PDF, and CSS
Copy link to clipboard
Copied
I was wondering has anybody been successful in implementing CFDOCUMENT with PDF and a web page using CSS 1 or CSS 2?
When I display my web page in my browser (IE 6), it renders completely perfect. When I pushed it through CFDOCUMENT, it gets messed up when it is rendered.
I am open to ideas, suggestions, and other creative solutions.
I have already tried CFHTTP, and it won't work because of the tight environment we have in the office.
I can post my code if requested.
Thanks,
Doug

Copy link to clipboard
Copied
Copy link to clipboard
Copied
I have not had any luck myself working with separate css and cfdocument.
However, I have had success using css inline and getting the desired
results.
<p style="font-family:arial; font-size:12px; color: #FFFFFF; etc.>
Hope this helps you out, if not perhaps I don't understand what it is
you are trying to do and seeing your code might provide a clearer
picture.
Leonard B

Copy link to clipboard
Copied
Copy link to clipboard
Copied
http://rip747.wordpress.com/2007/09/10/cfdocument-it-works-if-you-know-how/
Copy link to clipboard
Copied
use only
<style type="text/css">
@import url("../../../comun/file_name.css");
</style>
Copy link to clipboard
Copied
I wrote a chapter in LearnCFInAWeek.com that may be of great help to you: http://learncfinaweek.com/week1/cfdocument/
Copy link to clipboard
Copied
This works for me:
<cfoutput>
<cfdocument
format="PDF"
pagetype="A4"
orientation="portrait"
fontEmbed="true"
unit="cm"
localUrl="true">
<html>
<head>
<title>Test mit cfdocument</title>
<cfinclude template="./css/style.cfm"/>
</head>
<body>
<img src="#localUrl("images/pay.png")#" />
<img src="#localUrl("images/prowin.png")#" />
<p id="backky" class="test">Say something</p>
</body>
</html>
</cfdocument>
<cffunction name="localUrl" >
<cfargument name="file" />
<cfreturn "file:///#ExpandPath(file)#">
</cffunction>
</cfoutput>
style.cfm
<style>
.test {
color: red !important;
background-color: black !important;
}
#backky {
color: red !important;
background-color: black !important;
}
</style>
Copy link to clipboard
Copied
you don´t need !important in style.cfm
Copy link to clipboard
Copied
The original question is no longer relevant. It was asked 14 years ago, when CFDocument was still in its infancy. CFDocument has developed substantially since.

