Printing Web Form


Registered User
23 posts

I've tried printing the forms I've created and noticed that the images don't print. Why?


Senior Advisor
1,625 posts

I have deleted your duplicate post on the other forum topic. :D This one will do just fine...

Can we have a copy of the code you use to look over and test?
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.


Registered User
23 posts

This is the page where it is located: http://kingdomincreasers.com/tourney_reg_player.html


Senior Advisor
17,801 posts
Online Now

Check your printer properties in Fx There's a setting in FX to print background images under page setup. I can't rember IE
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com


Senior Advisor
1,625 posts

Adds a form Print Button.

<form><input type="button" value=" Print this page "
onclick="window.print();return false;" /></form>


Adds a Print Link.
<a href="#" onclick="window.print();return false;">print</a>


To Link to a CSS file Print.


<link rel="stylesheet" href="print.css"
type="text/css" media="print" />


The print.css file should contain the following:
body {visibility:hidden;}
.print {visibility:visible;}

Now all you need to do is to assign class="print" to whatever parts of your web page that you want to have print out. Anything on the page not assigned to this class will not print.

Try printing this page to see how it works.

Hope this helps!
"An Apple doth not fall far from its tree, yet an orange does."

https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.


Ambassador
1,611 posts

One quick and dirty way is just do a screen grab and print that. It depends if it just for a record or printing the data entered a well
The Guy from OZ



Registered User
23 posts

yeah prism that is a quick way; which I do all the time with other websites and even the site I've placed this form on. However, ever other one prints the graphics except the one with the form.


Registered User
23 posts

Just switched from using the Chrome browser to Internet Explorer and it prints. I will have to look into preferences for Chrome to get it to print correctly. As long as I know that it can print I'm satisfied. I thought it had something to do with the CC software. Thanks everyone for your input.


Senior Advisor
17,801 posts
Online Now

It's the same for IE. click on the arrow next to the printer symbol in IE then Page setup then tick the box that says print background images and colors.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com


Registered User
287 posts

I am glad I found this code to add a print button and the code Eric gave in another post to hide the Submit button.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Adds a form Print Button.

<form><input type="button" value=" Print this page "
onclick="window.print();return false;" /></form>
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Can anyone tell me if this will work on a Macbook Pro or other Apple devices? I don't own a Mac and don't know anyone that does. But users of the website will have them.

Your help is greatly appreciated.
Galen

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.