Page Breaks on printed PDF form

  • holycrosslutheranMF
    Asked on June 12, 2015 at 12:45 PM

    First off, thanks for your help! I have been able to change most everything needed to my former FormsCentral survey forms. I do have a few issues remaining:

    I created a clone of my main form to test changes with so as not to possibly affect the data. The new form name is "SGI Adult Clone".

    1) I inserted page breaks to help make the form easier to use. The page breaks show online and when I choose the preview function. Excellent! But when I create a pdf form (some of our people need to use a hard copy) the page breaks do not translate and the form is 5 pages with much smaller print vs. the 7 pages that the form is. This makes the handout form look very unorganized.

     

    2) The survey matrix in the created pdf does not include grid lines like it did in FormsCentral. Is there a way to edit this PDF and have grid lines? This helps for people filling out a hard copy. Also, the column headings look left justified while the radio buttons are centered. Can the column headings also be centered?

     

     

    3) I removed the instructions from each survey heading. When exporting to Excel, the instructions are no longer part of each question. However I still only get the first 5-6 words of the survey question. Is there a way to get the entire question?

    I am assuming I will have these issues with my two other forms as well.

    Thanks for all of your help!...............Jack

  • Charlie
    Replied on June 12, 2015 at 2:12 PM

    Hi,

    Regarding your question 1, just to confirm, you would like to print your form as a PDF (not a fillable one), but as a hard copy that can be written?

    If that's the case, you can view your form and press CTRL+P to print it. But the problem is the specific page breaks, it doesn't work like how the form is shown in live view.

    To solve the page break issue, you can use a custom CSS code to declare a page break. You can use this sample:

    @media print {

    .pageBreakHere {

    page-break-after: always !important;

    }

    }

    I've cloned your form for testing purposes. You can check it here: http://form.jotformpro.com/form/51625251248957. Try printing it by pressing CTRL+P. It should show 7 pages. You can clone it and check how I set it up.

    1. First, I added a "Text" field, in the HTML editor, I added the div element.

    <div class="pageBreakHere"></div>

    I duplicate it and added it specific parts of the form where I want the print page break to happen.

    Page Breaks on printed PDF form Image 1 Screenshot 30

    2. I then use the custom CSS code and added it in the Form Designer Tool.

    Page Breaks on printed PDF form Image 2 Screenshot 41

     

    I hope that helps.

    For the other questions that you have, to better assist you, I went ahead and opened new thread links for them. Please refer to the following links for questions 2 and 3: 

    http://www.jotform.com/answers/587505 

    http://www.jotform.com/answers/587508 

     

    Do let us know if you need more information about your first question.

    Thank you.

     

  • h2insurancesolutions
    Replied on September 4, 2015 at 1:44 AM

    Hi

     

    I've tried your suggestion but it hasn't worked

  • Charlie
    Replied on September 4, 2015 at 2:50 AM

    @h2insurancesolutions

    To better assist you, I went ahead and opened a separate thread for your concern, please refer to this link instead: http://www.jotform.com/answers/654908. We will address it shortly.

    Thank you.

  • cgalarza
    Replied on September 23, 2016 at 12:45 PM

    Hello, 

    I tried your suggestion but it has not worked...please help!
  • David JotForm Support Manager
    Replied on September 23, 2016 at 1:49 PM

    @cglarza, we have moved you inquiry to a separate thread: https://www.jotform.com/answers/940483