Print Form - Full Screen, Formatting

rss

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

  • rostislav
    rostislav
    Moderator
    Member for: 4 years 9 months 20 days
    #1 by rostislav Jul 31 ’15 at 06:52

    The message was removed by a forum moderator.

  • Jdubs
    Member
    Member for: 5 years 2 months 7 days
    #2 by Jdubs Jul 31 ’15 at 08:25

    [#1]:

    First off, THIS IS THE EXACT SOLUTION I WAS LOOKING FOR!

    Thank you so much rostislav! smile

     

    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!

     

     

  • rostislav
    rostislav
    Moderator
    Member for: 4 years 9 months 20 days
    #3 by rostislav Jul 31 ’15 at 11:21

    [#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

  • rostislav
    rostislav
    Moderator
    Member for: 4 years 9 months 20 days
    #4 by rostislav Jul 31 ’15 at 11:28

    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)

Displaying 1 to 4 of 4 messages