Page 1 of 1

Print Form - Full Screen, Formatting

Posted: 30 Jul 2015
by Jdubs
I followed the instructions from the following post on how to print form: http://spform.com/forms-designer- ... rint-forms


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=C ... hoto%2cpng


Let me know if I can provide any other information.



Thanks

Re: Print Form - Full Screen, Formatting

Posted: 31 Jul 2015
by Jdubs
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!

Re: Print Form - Full Screen, Formatting

Posted: 31 Jul 2015
by rostislav
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:

Code: Select all

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-prin ... and-images

Re: Print Form - Full Screen, Formatting

Posted: 31 Jul 2015
by rostislav
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-tip ... r-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)