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

    How do I hide empty fields when using the Print Button?

    Asked by ITFtangsoodo on June 15, 2016 at 10:55 AM

    Before users Submit their form, they have the option to Print their form as they have filled it out.  However, when users go to print, it prints out empty fields.  For example, if they entered information for only 1 participant, all 6 participant fields print as well.  Is there a way to only print what they have filled out?  

    The autoresponse email a user receives only prints what he/she has filled out, which is great.  I am hoping this can be the same for when someone prints their form before submitting.  

    Thank you in advance!

     

    Page URL:
    https://form.jotform.com/61365717352154

    print hide empty fields
  • Profile Image
    JotForm Support

    Answered by Boris on June 15, 2016 at 12:22 PM

    In order to prevent hidden fields from showing when your users are printing the form, please try injecting the following custom CSS into your form:

    @media only print {
        .form-field-hidden { display: none !important; }
    }

    You can add custom CSS to your form by following this guide:

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Upon adding that code to your form, when printing, any hidden fields will not show up. If you need further assistance, please let us know.