Skip to main content
F
Fordian-Slip
Inspiring
October 19, 2007
Question

CFDOCUMENT, PDF, and CSS

  • October 19, 2007
  • 8 replies
  • 11365 views
Hi folks -

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
This topic has been closed for replies.

8 replies

BKBK
Community Expert
BKBKCommunity Expert
Community Expert
September 4, 2021

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.

A
andyb59260619
Participant
August 31, 2021

you don´t need !important in style.cfm

A
andyb59260619
Participant
August 31, 2021

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>

 

 

 

 

 

 

 

Tim Cunningham
Tim Cunningham
Participating Frequently
January 9, 2013

I wrote a chapter in LearnCFInAWeek.com that may be of great help to you: http://learncfinaweek.com/week1/cfdocument/

A
Anonymous
October 26, 2007
I have found the following page helpful:
http://rip747.wordpress.com/2007/09/10/cfdocument-it-works-if-you-know-how/
L
lcuellarVargas
Participant
January 9, 2013

use only

<style type="text/css">

  @import url("../../../comun/file_name.css");

</style>

A
Anonymous
October 20, 2007
I have gotten it to work with CSS but for some reason, I need to link the .css file to the page through the import function.
L
Leonard_B
Inspiring
October 20, 2007
Fordian-Slip,

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
A
Anonymous
October 19, 2007
There are hotfixes available for CFDOCUMENT so if you haven't loaded those yet I wouid do that first.
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices