RE: css and cfdocument...grrr

2009-06-18 Thread Andy Matthews 

Also, floats don't work correctly in cfdocument. 

-Original Message-
From: Judah McAuley [mailto:ju...@wiredotter.com] 
Sent: Thursday, June 18, 2009 1:17 PM
To: cf-talk
Subject: css and cfdocument...grrr


Ok, I know cfdocument is finicky about the html it tries to render into a
pdf. I have a template I'm putting together and it validates xhtml
transitional, it uses both @import and link to include the stylesheet (just
in case), I use a standard Yahoo supplied reset css file and the resulting
html renders identically in Firefox, IE 7 and Chrome.

So, several things don't actually render correctly at all in the resulting
pdf. Things like background colors bleeding over into other elements,
background colors not showing up at all on a div whose only content are
other divs, etc.

Where are the best places to look for tips on making it behave? And are
there good troubleshooting guides for things to pay attention to/avoid? I'm
ok with a little black magic but this is getting irritating as there is no
obvious place to correct these problems.

Thanks,
Judah



~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323653
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

RE: css and cfdocument...grrr

2009-06-18 Thread Mark Kruger 

This is pretty old but it might be helpful.

http://www.coldfusionmuse.com/index.cfm/2006/2/16/cfdocument.performance


The main thing to realize is that converting HTML to PDF is really a trick -
going from a fluid medium to a very staticky and specific medium. Unless
your HTML is already pretty lean and minimal you may need a different layout
wrapper.

Also check to see if your CSS is even making it into cfdocument. Remember
that if you use something like:

link rel=stylesheet type=text/css href=/css/mystylesheet.css
media=screen / 

In your cfdocument, CF has to retrieve that resource to include it into
the doc. Under the hood it makes a cfhttp call right? The server has to
resolve the domain into the proper IP etc. So a lot of things might have to
go right for that to work. 

-Mark

Mark A. Kruger, CFG, MCSE
(402) 408-3733 ext 105
www.cfwebtools.com
www.coldfusionmuse.com
www.necfug.com

-Original Message-
From: Judah McAuley [mailto:ju...@wiredotter.com] 
Sent: Thursday, June 18, 2009 1:17 PM
To: cf-talk
Subject: css and cfdocument...grrr


Ok, I know cfdocument is finicky about the html it tries to render into a
pdf. I have a template I'm putting together and it validates xhtml
transitional, it uses both @import and link to include the stylesheet (just
in case), I use a standard Yahoo supplied reset css file and the resulting
html renders identically in Firefox, IE 7 and Chrome.

So, several things don't actually render correctly at all in the resulting
pdf. Things like background colors bleeding over into other elements,
background colors not showing up at all on a div whose only content are
other divs, etc.

Where are the best places to look for tips on making it behave? And are
there good troubleshooting guides for things to pay attention to/avoid? I'm
ok with a little black magic but this is getting irritating as there is no
obvious place to correct these problems.

Thanks,
Judah



~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323654
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: css and cfdocument...grrr

2009-06-18 Thread Judah McAuley 

The CSS file is definitely being included, so that's good. And I haven't
tried to do anything with images yet, thankfully. Perhaps I need to move to
a fixed-width layout using inches as units instead of percentages. Or maybe
tables. Blech.

Thanks for that link though, I haven't looked at that one in quite awhile.

Judah

On Thu, Jun 18, 2009 at 11:40 AM, Mark Kruger mkru...@cfwebtools.comwrote:


 This is pretty old but it might be helpful.

 http://www.coldfusionmuse.com/index.cfm/2006/2/16/cfdocument.performance


 The main thing to realize is that converting HTML to PDF is really a trick
 -
 going from a fluid medium to a very staticky and specific medium. Unless
 your HTML is already pretty lean and minimal you may need a different
 layout
 wrapper.

 Also check to see if your CSS is even making it into cfdocument. Remember
 that if you use something like:

 link rel=stylesheet type=text/css href=/css/mystylesheet.css
 media=screen /

 In your cfdocument, CF has to retrieve that resource to include it into
 the doc. Under the hood it makes a cfhttp call right? The server has to
 resolve the domain into the proper IP etc. So a lot of things might have to
 go right for that to work.

 -Mark

 Mark A. Kruger, CFG, MCSE
 (402) 408-3733 ext 105
 www.cfwebtools.com
 www.coldfusionmuse.com
 www.necfug.com

 -Original Message-
 From: Judah McAuley [mailto:ju...@wiredotter.com]
 Sent: Thursday, June 18, 2009 1:17 PM
 To: cf-talk
 Subject: css and cfdocument...grrr


 Ok, I know cfdocument is finicky about the html it tries to render into a
 pdf. I have a template I'm putting together and it validates xhtml
 transitional, it uses both @import and link to include the stylesheet (just
 in case), I use a standard Yahoo supplied reset css file and the resulting
 html renders identically in Firefox, IE 7 and Chrome.

 So, several things don't actually render correctly at all in the resulting
 pdf. Things like background colors bleeding over into other elements,
 background colors not showing up at all on a div whose only content are
 other divs, etc.

 Where are the best places to look for tips on making it behave? And are
 there good troubleshooting guides for things to pay attention to/avoid? I'm
 ok with a little black magic but this is getting irritating as there is no
 obvious place to correct these problems.

 Thanks,
 Judah



 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323655
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: css and cfdocument...grrr

2009-06-18 Thread Randi Knutson 

I use an alternate style sheet that sets fonts to a point size instead of
em and has a fixed width.  Even then, I sometimes run into an odd scaling
down effect if there is too much data.  Also, if you have images that you
are resizing for the web, make an alternate actual size image for the pdf.

cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 11:50 AM -0700
wrote:

The CSS file is definitely being included, so that's good. And I haven't
tried to do anything with images yet, thankfully. Perhaps I need to move
to
a fixed-width layout using inches as units instead of percentages. Or
maybe
tables. Blech.

Thanks for that link though, I haven't looked at that one in quite awhile.

Judah




~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323656
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Re: css and cfdocument...grrr

2009-06-18 Thread Judah McAuley 

Font sizes I specified in pt instead of em and I tried to do everything in
percentages with no px definitions under the theory that pdf is a vector
format. No love.

Thanks for all the ideas being tossed out though.

Judah

On Thu, Jun 18, 2009 at 12:00 PM, Randi Knutson rknut...@otan.us wrote:


 I use an alternate style sheet that sets fonts to a point size instead of
 em and has a fixed width.  Even then, I sometimes run into an odd scaling
 down effect if there is too much data.  Also, if you have images that you
 are resizing for the web, make an alternate actual size image for the pdf.

 cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 11:50 AM -0700
 wrote:
 
 The CSS file is definitely being included, so that's good. And I haven't
 tried to do anything with images yet, thankfully. Perhaps I need to move
 to
 a fixed-width layout using inches as units instead of percentages. Or
 maybe
 tables. Blech.
 
 Thanks for that link though, I haven't looked at that one in quite awhile.
 
 Judah




 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323657
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4

Re: css and cfdocument...grrr

2009-06-18 Thread Randi Knutson 

I should have mentioned that I had to put everything in tables for layout.
I also removed every non-basic CSS thing I had.  I ended up with a print
version and a simle print style sheet and the web version with its own
nicer style sheet.

My client had what is basically an accounting spreadsheet they wanted
recreated in a web form, then pdf'd for an official copy.  It took me
almost 3 weeks to match the original's exact positioning, font, layout,
etc.  Good times.


cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 12:07 PM -0700
wrote:
Font sizes I specified in pt instead of em and I tried to do everything in
percentages with no px definitions under the theory that pdf is a vector
format. No love.

Thanks for all the ideas being tossed out though.




~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323659
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: css and cfdocument...grrr

2009-06-18 Thread Judah McAuley 

I'm getting closer to what I want with a table layout. One thing I can't
seem to get so far is a solid background behind table headers.
border-collapse works in a browser but isn't supported by the cfdocument.
Setting border-spacing, padding and margin all to 0 doesn't seem to do it
either.

Any thoughts?

Judah

On Thu, Jun 18, 2009 at 12:15 PM, Randi Knutson rknut...@otan.us wrote:


 I should have mentioned that I had to put everything in tables for layout.
 I also removed every non-basic CSS thing I had.  I ended up with a print
 version and a simle print style sheet and the web version with its own
 nicer style sheet.

 My client had what is basically an accounting spreadsheet they wanted
 recreated in a web form, then pdf'd for an official copy.  It took me
 almost 3 weeks to match the original's exact positioning, font, layout,
 etc.  Good times.


 cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 12:07 PM -0700
 wrote:
 Font sizes I specified in pt instead of em and I tried to do everything in
 percentages with no px definitions under the theory that pdf is a vector
 format. No love.
 
 Thanks for all the ideas being tossed out though.




 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323674
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: css and cfdocument...grrr

2009-06-18 Thread Randi Knutson 

Solid background behind table headers?.must be the pm slump because I
can't think what you mean, but maybe the stuff below will help.

I am using border-collapse and setting borders on all my table cells, like
this:
table style=border-collapse:collapse; border=0 cellpadding=2
cellspacing=0 width=100%
tr
th style=border: 2px solid black; padding:5px;
class=DatatableGrayCenteredSmall

I am setting font and background color in the class as you can see from my
obtuse css naming scheme. 

I also was able to get a watermark on my pdf in this way:
body{
background-image:url(/images/draftlandscape.jpg);
}
   
Anyway, best of luck.  If you get to be an expert at all these tricks you
too can present at CFUnited.  ;)

cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 2:22 PM -0700
wrote:
I'm getting closer to what I want with a table layout. One thing I can't
seem to get so far is a solid background behind table headers.
border-collapse works in a browser but isn't supported by the cfdocument.
Setting border-spacing, padding and margin all to 0 doesn't seem to do it
either.




~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323679
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4

Re: css and cfdocument...grrr

2009-06-18 Thread Judah McAuley 

Ah, I had forgotten about border=0 on the table tag. I was setting border
properties and such via css on the table cells but had forgotten about the
old school table html tag options. Show's how much table layout I'm doing
these days. Your suggestion seems to be solving my problem. And by solid
background color, I meant setting a bgcolor on the cells in a row (or the
row itself) and that was being interrupted by spaces of white because of the
cellspacing default on the table tag.

Thanks,
Judah

On Thu, Jun 18, 2009 at 2:49 PM, Randi Knutson rknut...@otan.us wrote:


 Solid background behind table headers?.must be the pm slump because I
 can't think what you mean, but maybe the stuff below will help.

 I am using border-collapse and setting borders on all my table cells, like
 this:
 table style=border-collapse:collapse; border=0 cellpadding=2
 cellspacing=0 width=100%
 tr
 th style=border: 2px solid black; padding:5px;
 class=DatatableGrayCenteredSmall

 I am setting font and background color in the class as you can see from my
 obtuse css naming scheme.

 I also was able to get a watermark on my pdf in this way:
 body{
background-image:url(/images/draftlandscape.jpg);
 }

 Anyway, best of luck.  If you get to be an expert at all these tricks you
 too can present at CFUnited.  ;)

 cf-talk@houseoffusion.com on Thursday, June 18, 2009 at 2:22 PM -0700
 wrote:
 I'm getting closer to what I want with a table layout. One thing I can't
 seem to get so far is a solid background behind table headers.
 border-collapse works in a browser but isn't supported by the cfdocument.
 Setting border-spacing, padding and margin all to 0 doesn't seem to do it
 either.




 

~|
Want to reach the ColdFusion community with something they want? Let them know 
on the House of Fusion mailing lists
Archive: 
http://www.houseoffusion.com/groups/cf-talk/message.cfm/messageid:323680
Subscription: http://www.houseoffusion.com/groups/cf-talk/subscribe.cfm
Unsubscribe: 
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4