Large blocks of text are unreadable when converting form to fillable PDF format.

  • bryan228
    Asked on October 3, 2017 at 1:31 PM

    I am attempting to convert my jotform into a fillable PDF file and it has strange markings all over it and it doesn't look very professional at all. It also isn't bringing in our headers.  Please advise.  

    https://form.jotform.com/72545601484154

    https://form.jotform.co/72398577553876

    Jotform Thread 1263920 Screenshot
  • aubreybourke
    Replied on October 3, 2017 at 1:41 PM

    Note if using the legacy layout:
    1. Remove all CSS code (if there is any)
    2. Make sure all fields have not enabled "shrink field"
    3. Make sure all fields have not enabled "move to a new line"
    4. Remove widgets

    This will create a vertical form that shouldn't overlap

  • bryan228
    Replied on October 5, 2017 at 8:47 AM

    Thank you so much but I am not understanding what CSS code is and it is a must that we have "shrink fields" in order for the form to flow properly with our questions.  I am not familiar with "move to a new line" either.  Or widgets.  Please advise on how to create a readable, understandable PDF from our current form that won't have strange color boxes and symbols throughout.  It may be helpful for you to try to recreate what I shared in my above question so you can better assist me in getting this done.  You may also pass along a telephone number where you might be reached so that we can discuss over phone for better understanding and a better customer service experience.  Thank you so much!!

  • aubreybourke
    Replied on October 5, 2017 at 9:55 AM

    We do not provide telephone based support. So please use the forums to ask your questions. Alternatively you can email us at support@jotform.com

    Now, in order to get the fillable PDF to work we need to do all of the following:

    1. Remove all CSS code (if there is any)
    2. Make sure all fields have not enabled "shrink field"
    3. Make sure all fields have not enabled "move to a new line"
    4. Remove widgets
    5. Remove theme (if enabled)

    What I suggest is that you first clone the form you want to convert to a fillable PDF. And with this copy you can apply the modifications. That way you keep your formatted form to distribute online. And use the cloned form to distribute offline. 

    How to Clone an Existing Form from Your Account  

    1. To remove all CSS Code:

    Click on the form designer ( blue paint brush icon ) and on the CSS tab make sure the box is empty.

    Large blocks of text are unreadable when converting form to fillable PDF format Screenshot 40  

    2. Make sure all fields have not enabled "shrink field"

    Open the properties of the field ( blue gear icon ) and on the advanced tab disable shrink.

    Large blocks of text are unreadable when converting form to fillable PDF format Screenshot 51

    3. Make sure all fields have not enabled "move to a new line"

    Move to a new line only appears if shrink is enabled. So we don't need to do anything for this step because all our fields should have shrink disabled.

    4. Remove widgets

    To delete widgets please read this guide:

    How to Add a Widget to your Form?

    5. Remove theme (if enabled)

    To reset the theme you need to open the form designer ( blue paint brush icon ). And on the themes tab select the default theme.

    Large blocks of text are unreadable when converting form to fillable PDF format Screenshot 62

     

  • David JotForm Support
    Replied on October 11, 2017 at 5:28 PM

    I spoke with you on chat about this and even when making the form format what I believe should translate properly to fillable PDF format, it is still not properly generating the PDF:

    1507757106Capture Screenshot 10

    1507757580Capture1 Screenshot 21

    I will forward this to our developers to have a look.  We will let you know as soon as we have any updates.

  • David JotForm Support
    Replied on October 11, 2017 at 6:15 PM

    With the exception of the blocks of text, this copy of the form does create a usable PDF:

    https://form.jotform.com/72836509652969

    You can clone it to your own account to have a copy.  

    https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    I forwarded the specific issue of the blocks of text being distorted to our developers.  We will let you know once we have a solution.

  • bryan228
    Replied on October 12, 2017 at 10:48 AM

    Thank you David, I will look for your response and I appreciate your assistance.  Please let me know as this progresses!


  • bryan228
    Replied on October 12, 2017 at 11:24 AM

    Hey David, what about a hard copy NON-fillable form that we can use to mail to someone?  Is that one possible?

  • David JotForm Support
    Replied on October 12, 2017 at 12:35 PM

    That is actually quite easy to produce.  Add a print button to the form:

    https://www.jotform.com/help/24-Print-Button-on-Forms

    Then use the "Print to PDF" option after clicking print. 

    1507826111Capture Screenshot 10

  • bryan228
    Replied on October 13, 2017 at 10:33 AM

    yes, but you have to fill out the form in order to hit submit, so how can i print out a blank form to mail to clients who don't have computer access?

  • aubreybourke
    Replied on October 13, 2017 at 11:19 AM

    No you don't have to submit it. You can simply print the form empty.

    Print Button on Forms  

  • bryan228
    Replied on October 17, 2017 at 9:29 AM

    But it won't let me move forward through the form to get to the print button unless I fill out the required buttons on each page first.  Maybe I am confused??


  • aubreybourke
    Replied on October 17, 2017 at 11:22 AM

    Ok, so if you just want to print  an empty form, in the builder click on the last page then hit preview. It will take you to the last page where you can print your form.

    1508253723Microsoft Edge 17 10 2017 16 1 Screenshot 10

  • bryan228
    Replied on October 17, 2017 at 4:43 PM

    No, that doesn't work either.  I go to the last page on builder...I click "Preview Form" then it takes me to the form and I have to fill out our required info in order to get to the next page....it takes me back to the beginning again.  I'm not understanding why I am unable to print a blank form....

  • David JotForm Support
    Replied on October 17, 2017 at 6:15 PM

    Here is a copy of the form with no fields set to required:

    https://form.jotform.com/72897152252966

    You can progress through that copy of the form and print at the end or use the following URL to jump straight to the last page:

    https://form.jotform.com/72897152252966?jumpToPage=18

  • bryan228
    Replied on October 18, 2017 at 9:14 AM

    Perfect! Can you do that for this one too??  https://form.jotform.co/72398577553876

    Then we are DONE!!! YAY!!


  • aubreybourke
    Replied on October 18, 2017 at 10:25 AM

    Yes, as requested here it is:

    https://form.jotform.com/72903810411952


  • bryan228
    Replied on October 18, 2017 at 12:26 PM

    THANK YOU!!!