Printing Web Form - Post ID 189186

Apr 17th, 2012 at 02:15 PM
User 2119760 Photo

Evelyn Charles
Registered User
23 posts

I've tried printing the forms I've created and noticed that the images don't print. Why?
Apr 17th, 2012 at 02:18 PM
User 2073552 Photo

SirAGE
Registered User
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.
Apr 17th, 2012 at 02:28 PM
User 2119760 Photo

Evelyn Charles
Registered User
23 posts

This is the page where it is located: http://kingdomincreasers.com/tourney_reg_player.html
Apr 17th, 2012 at 03:13 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts

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.
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 personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Apr 17th, 2012 at 03:16 PM
User 2073552 Photo

SirAGE
Registered User
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.
Apr 17th, 2012 at 05:06 PM
User 464893 Photo

Prism
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
Apr 17th, 2012 at 10:11 PM
User 2119760 Photo

Evelyn Charles
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.
Apr 17th, 2012 at 10:17 PM
User 2119760 Photo

Evelyn Charles
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.
Apr 17th, 2012 at 10:30 PM
User 187934 Photo

Eric Rohloff
Senior Advisor
20,266 posts

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.
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 personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Sep 7th, 2017 at 04:53 AM
User 2140875 Photo

Galen Garretson
Registered User
378 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.