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

    Feature Request: Only print form questions shown before page break

    Asked by UQCC on February 21, 2015 at 03:56 PM

    Hi

    I was surprised to find the form page break (Survey tools) did not apply to printing, but seemingly only to the form. When i tried printing at the first form page break the entire form (all pages) were sent to the printer.  I know you can add a print button to the submission bar, but printing does not seem to respect the form's page breaks.

    Is it possible to embed printing page break points into the form?

    I saw that CSS has a method to tell printers to perform page breaks ( page-break-after: always; ). I'm not a CSS savvy person, so was wondering if this can be built into the form page break item (or make a separate print page break widget) to give us a means to force page breaks in forms?

    http://www.w3schools.com/cssref/pr_print_pageba.asp

     

    Thanks

     

    M

    survey print survey tools ASP
  • Profile Image

    Answered by Sean on February 21, 2015 at 06:39 PM

    Thank you for contacting us for support. Sorry to say but the page break feature only allows (currently) the separation of form questions to reduce the total form length. I will, however, pass this information to our developers so that can look into its development. You will be notified via this thread once this feature is available. I cannot provide an approximate time for completion but I can assure our team will be looking into the situation. We will be in touch.


    Cheers!

  • Profile Image
    JotForm Founder

    Answered by aytekin on February 23, 2015 at 04:44 AM

    It was like that in the past but most users requested that print should print the whole form and not just a single page. That's why we made it like this. 

  • Profile Image

    Answered by UQCC on February 23, 2015 at 09:02 AM

    I'm thinking that a form page break and a printing page break is better as two separate functions, meaning we can drag and drop the different kinds of break where we want and if we want. What works on a form doesn't necessarily translate to printing, and one might only want print page breaks in some places anyway. I can easily understand why printing as a single page would be more popular as it avoids the restrictions of form breaks, but having the option to throw in printing page breaks could be useful too.

    The reason we print the form is because we've been told by our legal dept, that the form is much better if it is physically signed by a person (as compared to an electronic tick that anyone could do) - so we do both (Jotforms is helps because it stores the submitter IP). Hence there is still a role for printing and paper sadly.

    Happy to go along with what you folks think is appropriate.

    Thanks

    Martin

    PS: I'll admit to being somewhat impressed at receiving a reply from a company founder on a first post!)

  • Profile Image
    JotForm Support

    Answered by BDAVID on February 23, 2015 at 09:55 AM

    Unfortunately we can not print page break as two separate functions. If you have not tried creating PDF forms, here is a guide that may help you: http://www.jotform.com/help/212-How-to-Create-a-PDF-Form

    The forms look similar as the stand along version:

    If you have another question, please open a new thread, we will be glad to assist you.

  • Profile Image

    Answered by UQCC on February 24, 2015 at 10:16 AM

    What I was thinking was to leave the current "page break" survey tool exactly as it is, but create a new survey tool (or similar widget) "printing page break" that uses the CSS " page-break-after: always; " to send a break to the printer only (i.e. does not appear on the form when editing it).

    This is based on my understanding that the CSS " page-break-after: always; " command only affects printing layout and not screen layout. This appears to be the case in the example linked from this page https://msdn.microsoft.com/en-us/library/ie/ms530842(v=vs.85).aspx

    Of course if the CSS command affects both printing and the screen display, then clearly this method is not a feasible.

     

    A different more complex approach that would produce a similar outcome, could be to use conditional show/hiding of page breaks (a function not currently possible to my limited knowledge). First add the print break CSS back to page breaks so printing breaks at the each page break. THEN make the appearance of page breaks conditional to a parameter such as a tick box (or even to the pressing of the print button). By clicking the conditional parameter you show/hide different page breaks where some are positioned for printing (if wanted) and some for editing (if wanted). Alternatively build this into the system so we don't see it, and have two page break tools where one is a page break tool set for printing and the other is one set for editing, and then have the print button show/hide each type in accordance with its use. Currently existing page breaks would be of the non-printing type, and would hide when the print button was used, resulting in the same functionality currently shown in the system.

    I think the first approach sounds a lot simpler as this second one seems like it would be more work although in some ways adding conditionality to the page break brings it into line with other tools that can be made conditional such as the submit button.

     

    I've seen the create PDF function which is useful and I'll be using it, but unless there is a way of getting a page break inserted into a PDF when it is generated (and that break does not appear on the form when it is filled in), then it doesn't help with this particular issue.

     

     Sorry for the long post, but I'm not sure I was clear enough in the previous one.

     

     

     

     

  • Profile Image
    JotForm Support

    Answered by Charlie on February 24, 2015 at 12:33 PM

    Hi,

    I'm not sure if I am able to fully grasp the function you are looking for, but if you would like to print the form on page breaks separating them per page, you can do that by adding this CSS code in your Form Designer->CSS tab:

    @media print{

        .form-input-wide[data-type="control_pagebreak"] {

            page-break-after : always;

        }

    }

     

    You can see how the print preview works in this edited cloned form that I made (I've cloned your form for testing purposes): http://form.jotformpro.com/form/50544699809975?. I presume that you are looking on separating each page so that users can easily sign each of them.

    Thank you for sharing your inputs, we'll take note of this. For the meantime, I hope this helps.

  • Profile Image

    Answered by UQCC on February 25, 2015 at 09:21 AM

     

    Thanks very much for trying. You are on the right track and what you did is useful. I can also use your changes to try to explain it better.

    The screen page break (what you call page break) and printing page break are two separate functions. Your script added the printing page break to the screen page break. What I want is a printing page break on its own because I want to force the printer to break where I want, and this doesn't necessarily have anything to do with the screen page break.

     

    What your script did was make ALL the screen page breaks break when printed because you combined the two functions. I don't want the printer to break where I have the first page break, but I do want it to break at next two page break points. Combining the two kinds of break doesn't achieve this.

     

    If there was some other object (?widget?), other than the current page break object, that I could attach your script to, then I could drag and drop that onto my form and the printer would break there - independent of the current page break object. If I wanted to combine the two functions, I'd simply drag and drop the two next to each other.

    Hope this made more sense.

    Why your script did help
    In the form modified with your script, I can now delete the first page break, and then it will break the form where I want. However, the first page would be a very long form to fill in. However it would give me the printout I'm after. So this is an improvement I will implement, but hopefully my explanation above has illustrated why it isn't ideal and a better solution could help others if you think it worthwhile.

    I'm sorry, but I really don't properly understand CSS. So it makes it harder to explain. It is also difficult to pass modifications like yours on to whoever takes over form design from me in the future, as they are unlikely to know CSS - let alone find the modification. An object sitting on the form is very clear.

    Thanks for taking the time to try to figure out what I'm attempting to explain.

  • Profile Image

    Answered by Sean on February 25, 2015 at 10:46 AM

    Ok, I understand what you are saying here.

    We will take note on your page break widget request but we can not get it to be implemented any time sooner.

    I will be pooling ideas with our team for the best option to get this page break feature you are referring to. I will then clone your and provide to you for testing. I will try and get this solution to you later today.


    Thank you.

  • Profile Image

    Answered by Sean on February 26, 2015 at 09:49 AM

    Hello UQCC,

    Sorry I did not get back to you yesterday with a solution. You mentioned that you would like to have a widget or field that you can simply drag and drop wherever you choose on the form to set a page break; so we came up with a working theory that you can explore.

    You can add a Text Field to your form and add this HTML script.
    <div class="print-breaker"></div>

    Follow the steps provided in the screenshots below.







    You should also inject this CSS cpde:

    @media print {
    .print-breaker {
    page-break-after : always;
    }}

    @media screen {
    .print-breaker {
    display: none;
    }

    #stage .print-breaker {
    display: block;
    }}

    Here is a test form you can look at:
    http://form.jotformpro.com/form/50558135481961 

    As shown in the screenshots above, I have added my manual page break script right below the header of my cloned form. Here is how it looks in the print preview:




    I hope this helps. Do let us know if our assistance is needed further.


    Cheers!

  • Profile Image

    Answered by UQCC on March 01, 2015 at 02:45 AM

    The Text box + HTML method appears to work for me.

    I embedded a modified text box at a suitable breaking point in the form (nowhere near the page break (form break)), and a couple of others next to page breaks (form breaks).

    The only (very minor) down side is that I appear to have an empty text field in the form that someone might not know what it is there for (if I put explanatory text this will show up on the form - I assume if I hide the field it will no longer force a page break.).

    I also realise that that HTML could be added to any other object ( e.g. a line) if I wanted to include a print break.

    If you do make a widget at some point, I'm guessing any of the HTML or CSS parameters could be linked to the widget for the user to set (assuming it is actually useful to do so).

    This method solves my issue at a functional level - so thank you.

     

  • Profile Image

    Answered by Sean on March 01, 2015 at 08:33 AM

    It is good to know that the suggested solution worked for you - on a functional level -and you're most welcome for the assistance offered.

    I am glad that through this issue also you have learnt something new. You brought a very important point across when you mentioned that the text field will appear empty and can easily be over looked or deleted.

    I was trying to add a comment to the text field to display a message to the person would be designing the form in the future but that doesn't seem to work. The HTML comment tags would be <!--manual page break--> but whenever I update the field with this entry it was automatically removed. 



    What I could suggest is using a header field to store the text Manual page break above and hide that field so that it is not displayed on the form. Is that a possible alternative? Please advise.

  • Profile Image

    Answered by UQCC on March 04, 2015 at 06:52 AM

    Good idea. I did it as an a hidden text line (the header was a bit big). Along the lines of  - 

    "The blank line below this stores a printer page break hidden in the associated HTML. The line appears blank, but it is not. At the time the form was made, this was the method to insert printer page breaks. "

    This is a lot better than not having a note. - and also indicates that the blank line may not always be necessary if a different method becomes available (i.e. check for an alternative method in the future).

     

  • Profile Image
    JotForm Support

    Answered by Charlie on March 04, 2015 at 08:05 AM

    Great! It seems that everything seems to be working in your end regarding the solution given by my colleague. If you need more assistance on it do let us know.

    If you have other concerns you're always welcome to create a new thread here.

    Thank you.

  • Profile Image

    Answered by JamesValleyHousing on March 25, 2015 at 12:46 PM

    I tried Answered by Sean on February 26, 2015 at 09:49 AM solution for adding a print break and couldn't get it to work on my form.

     

    http://www.jotform.com/?formID=50826221349150#

     

    Thank you

  • Profile Image
    JotForm Support

    Answered by ashwin_d on March 25, 2015 at 01:55 PM

    Hello JamesValleyHousing,

    I have moved your question to a new thread and you will be answered here:  http://www.jotform.com/answers/540506 

    Thank you!