What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Page breaks on printing don't line up with tabs

    Asked by je862 on August 11, 2015 at 05:35 PM

    I've inserted a text field  page break at the end of the signature block on page two and that works fine with the tabs, but when printing, it does not page break at that point.

    The HTML code that I put in that text field is <div class="print-breaker"></div> via the CSS feature in Designer.

    Can you tell me what I'm doing wrong?

    Thanks,

    Jim Erickson

    Pediatrics After Hours

    Page URL:
    http://www.jotform.com/?formID=52076525190150#

  • Profile Image
    JotForm Support

    Answered by EltonCris on August 11, 2015 at 11:07 PM

    I have fixed it for you. There was a lot of CSS errors on your form that's why the CSS codes that supports the print-breaker does not work. Kindly check it again this time and let us know how it goes.

    This is how it looks now.

  • Profile Image

    Answered by Jim Erickson on August 12, 2015 at 01:52 PM

    In Chrome 44.0.2403.155m it does take the 1st page break, but not the one before the Financial Policy.  The CSS coding looks the same for both page breaks, but the 2nd one doesn't take.

    In IE11 the page breaks don't take at all.

    thanks for all your help.  Really appreciated.

  • Profile Image

    Answered by je862 on August 16, 2015 at 10:47 PM

    I've looked the HTML code and I see where you have inserted the "@media print ...." and the "<div class="page-break"></div>" as on line 1692 in code (after Current Medications block), but when printing, it does not break at that point.

    Jim Erickson

     

  • Profile Image

    Answered by Sammy on August 17, 2015 at 04:27 AM

    On the second CSS snippet that does not break kindly add the following style to the div

    style="page-break-before:always;"

  • Profile Image

    Answered by je862 on August 18, 2015 at 09:40 AM
    Still not working as of yesterday. Not sure why.


    Jim Erickson
    Cell 214 762-5813
    Fax 214 919-3176
    www.pediatricsafterhours.com





    ...