Print Form - Full Screen, Formatting
Posted by Jdubs - Jul 30 ’15 at 11:22
I followed the instructions from the following post on how to print form: http://formsdesigner.blogspot.com/2013/08/sharepoint-print-forms.html
The final result was not what I was expecting.
I have 3 questions that can be seen in the image below.
https://onedrive.live.com/redir?resid=CC7FB25D5EA9D083!5393&authkey=!ABDstQFAHwYssf0&v=3&ithint=photo%2cpng
Let me know if I can provide any other information.
Thanks
-
rostislavModeratorMember for: 7 years 10 days
The message was removed by a forum moderator.
-
JdubsMemberMember for: 7 years 4 months 27 days
[#1]:
First off, THIS IS THE EXACT SOLUTION I WAS LOOKING FOR!
Thank you so much rostislav!
Secondly, there was one last question that I just forgot to ask in my original post.
In the image above, I assigned a Style of "background-color: grey;" on my section headings. It works perfectly when openin the form in display mode, but when I print it, it doesn't show up on the printed page.
Any idea why?
And again, I can't thank you enough man. Really appreciate it!
-
rostislavModeratorMember for: 7 years 10 days
[#2]:
Glad I could help!
First of all, sorry about that, but my code I posted above after being run stops buttons from working, please remove it and use the following snippet instead:
var printElement = function (className) { $elem = $( "." + className ); $orig = $('body').children().clone(true); $('body').empty().append($elem); window.print(); $('body').empty().append($orig); } printElement('printableContent');
About your last question: It's another option you need to set in your browser, should be called something along the lines of 'Print with background colors and images'. Here's a page that may help you http://its.yale.edu/how-to/article-printing-web-page-background-colors-and-images
-
rostislavModeratorMember for: 7 years 10 days
Removed my first comment, so as not to confuse anyone. These are the answers to the other two questions from it for anyone's reference:
2. this is dependent on your browser settings. see this page to remove the header and the footer from your print page: http://www.mintprintables.com/print-tips/header-footer-windows/ (this page may be outdated for your particular browser, but there is other documentation on the Web)
3. the solution to No. 1 should have solved this problem as well, but you may want to experiment more with the look of the resulting print page. You can do so by changing your browser's print page setup (settings like 'fit to width' or the % to which the page is enlarged)