Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 209
  • Last Modified:

Printer Friendly Page

I want to generate a page that is printer friendly. What should I do?

Ideally I would like to control the number of pages with 'height' and the flow with 'width'.

Simply put i want to print out a data sheet for a product. Some data appears on the first page, some on the second. When the Next product comes up I want it to start on a new page instead of continuing at the end of the previous page.

at the very least I want to control the width so nothing gets cropped off the paper when it prints.
0
cipiWeb
Asked:
cipiWeb
  • 2
1 Solution
 
nschaferCommented:
Hi cipiWeb,

A couple of suggestions here.

1. Place your content in a DIV and specify the Width of the div.  
2. To break a page use <p style="page-break-after:always;"></p>
3. If detailed formatting is an issue consider an HTML to PDF component that can work on your web server.

Hope this helps,
Neal.
0
 
cipiWebAuthor Commented:
Thanks!
1) I was planning on using a table or div for the set width ^.^
2) How well do browsers support that?
3) I am not sure what you mean by detailed, could you elaborate? what options are you refering to?
0
 
nschaferCommented:
So far as I know the page-break-after is supported by all modern browsers.

By detailed I mean that if you need complete control over the output.  Bascially this suggestion involves using a 3rd party component to convert HTML into a PDF file.  When you create the PDF file you can control page size, margins, headers, footers, orientation, and so forth.  You have pretty much complete control of the output.  The downside is that you must have a component to do this.  Depending on who is hosting your site, this may not be an option.  If you are hosting the site yourself, then it is not  a problem.  I use a product called abcPDF for this.  For more information you may visit their site at http://www.websupergoo.com/abcpdf-1.htm

Neal.
0
 
joeposter649Commented:
You can also look into using @media print do define a seperate css for printing.  
This is handy when there are things on the page (such as navigation menus) that you don't want to print.
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now