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 adjust the form so that when it converts to pdf it looks good?

    Asked by edie850 on June 12, 2015 at 03:21 PM

    I transferred over from FormsCentral.  When I convert my forms to pdf they look terrible and do not line up the words properly.  It also changes the formating.  How can I prevent this from happening? 

    Page URL:
    file:///C:/Users/Edie/Downloads/Part_A_Domestic_Adoption_Application.p<br/>df

    adjust how My Forms and words FormsCentral
  • Profile Image
    JotForm Support

    Answered by Mike_G on June 12, 2015 at 05:25 PM

    We would like to apologize for the inconvenience this have caused you.

    This can be solved by applying CSS codes to your form before creating the PDF copy. 

    You may use this guide: How-to-Inject-Custom-CSS-Codes 

    Also, could you give us more details of the issue you're having with the PDF form. 

    We will wait for your response. Thank you. 

  • Profile Image

    Answered by edie850 on June 12, 2015 at 05:46 PM

    Thank you, I will try applying the CSS codes and see if that helps.  

  • Profile Image
    JotForm Support

    Answered by Mike_G on June 12, 2015 at 05:51 PM

    Here's an example: 

    On the left side of the image(actual form), you can see that the fields are properly arranged, however on the right side(Fillable PDF copy of the form), the text box overlaps its label.

    You can try to add this CSS codes: 

    #input_52, #lite_mode_53, #input_55, #input_57{

    position: absolute !important;

    margin-left:100px !important;

    }

    and it should fix the issue.

    Let us know how it works for you you. If you will be needing further assistance, please feel free to get back to us and we will be glad to help you anytime. Thank you.