asked on

Printing a Bootstrap Page to look as is on website

Hi, The boss wants the newish bootstrap site to print in a WYSIWYG manner. Ideally, I wish when someone went to their browser and printed, it would print a screenshot. Wouldn't it be nice if we could force viewers' browsers to do what we want?

I had come to EE before with this, and after a lot of talk, the expert correctly suggested I start over. So here are three of the pages with the new print2.css - to see them, please use user name: pepe and PW: BobTheBuilder45!!

http://dev2.magickitchen.com
http://dev2.magickitchen.com/gift_certificates.html
http://dev2.magickitchen.com/menu/desserts.html

What I've done, or think I have done, with print2.css is this:

1. Disabled the bootstrap css for print(lines 24 through 28)

2. Made the page 8x11(lines 5 and 9)

3. Sized the three columns on the page, lef 10%, middle 80% and right 10%.

Obviously, what I've done isn't working, so if I could get some advice, that would be wonderful. This project may be over my head, so if anyone can advise me on how to hire someone here to do it in the event that I cannot, that would also be helpful.

Thanks.

SOLUTION

Ess Kay

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Ioannis Paraskevopoulos

Hi,

Maybe you would like to check out wkhtmltopdf.

You may also find this useful to make it work with bootstrap.

Giannis

Melody Scott

ASKER

Thanks, esskay. I'll do that if I can't solve it on my own.

Ioannis, that's interesting, but I don't believe it will work for our customers. The boss wants them to be able to just hit CTRL P or file>print and the page will print out as it looks. Maybe I am missing something? :)

ASKER CERTIFIED SOLUTION