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 to add an extra space at the top of PDF attachments

    Asked by MBWHS on September 08, 2016 at 10:42 PM


    We would like to print our forms onto hospital letterhead that is pre-populated with the patients unique details as a header.  In order to conform with documentation requirements each page needs to have this header.  How do I set up my forms to

    a) print with a blank header space on every page

    b) still do this when conditional logic will mean the length of various sections will vary according to the responses given?  





  • Profile Image
    JotForm Support

    Answered by EltonCris on September 09, 2016 at 12:46 AM

    Hello Katie,

    Do you mean to say when you print your form in the browser, there should always be a blank header space on top of the form?

    Like this?

    If this is what you want, simply inject this CSS codes to your form.

    @media print{.form-all {padding-top:100px;}}

    This should create a space on top of the form on print mode.

    Here's how it should look afterward:


    However, if you want to show a pre-populated field on the header section, just add a field on top of your form in the form builder then hide it. Example:

    Prepopulate that field with conditions then inject the following CSS codes to your form to show all the hidden fields on print mode. (If you want to show only the field you added on top of your form, you can use that field's ID instead of the .always-hidden class)

    @media print{.always-hidden {display: block !important;}}

    Guide on how to inject CSS codes to your form https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    If you need further assistance, let us know.

  • Profile Image

    Answered by MBWHS on September 10, 2016 at 10:58 AM


    Thank you so much for such a detailed response.  

    I may have it wrong but I dont either of these options will achieve what I need...but I may be wrong and have misunderstood the options.

    What I need is for all our forms (many of which go over several pages) to print with a blank header on every page when we print in the PDF output option (ie when the email notification sends a PDF as an attachment of the form submission.)

    Are you able to assist with this?  I just tried the CSS code suggested in the first option but it doesn't seem to work.




  • Profile Image
    JotForm Support

    Answered by Jim_R on September 10, 2016 at 03:57 PM

    Hey Katie, thanks for further explaining what you need.

    You may customize the PDF attached to the emails upon submission by going to your SUBMISSIONS page for that form > click PDF at the top > then CUSTOMIZE PDF

    Related guide: How-to-View-Form-Submissions 

    To emulate an empty space, click ADD TEXT at the top of your PDF DESIGN page then leave it empty.

    Here's a screenshot of the results (with and without the added text)

    It's also worth noting that you can adjust the size of the text you added (e.g. if you need your blank header to be larger) so feel free to adjust it upon your discretion.

  • Profile Image

    Answered by MBWHS on September 10, 2016 at 04:26 PM

    Thank you....but will this insert that header into the top of every printed page irrespective of the conditional logic used as per my original question?




  • Profile Image
    JotForm Support

    Answered by EltonCris on September 10, 2016 at 11:29 PM

    Unfortunately, conditional logic may affect the layout of the PDF especially when fields are empty since they are not included in PDF by default. 

    However, if you are going to SHOW empty fields on PDF, it would help retain the layout of the customized PDF. To do that, just uncheck "Auto Hide Empty Fields" on your form submission settings.

    And then on the PDF editor, you can manually add extra space on every page.

    Hope this helps!