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

  • ITFtangsoodo
    Asked 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!

     

  • Boris
    Replied 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.