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 properly embed a PDF File into the form?

    Asked by billylevine2003gmailcom on June 25, 2013 at 05:48 AM

    I am not able to embed a pdf fillable form into my jotform ...... I followed the following instructions

    http://www.jotform.com/help/153-How-to-Display-a-PDF-Document-On-Your-Form

     

    I copied the following into html editor

    https://docs.google.com/file/d/0BwxBp9LvRvqBa3hXNURsMXUxUjQ/edit?usp=sharing>

    but the format does not seem to be correct

     

    embed PDF to form embed PDF
  • Profile Image
    JotForm Support

    Answered by Morian on June 25, 2013 at 06:18 AM

    Hi! Thanks for contacting Jotform.

    Just to clarify, is this the form you are trying to embed the pdf form in?

    Can you please try to paste this code instead?

     

    <iframe src="https://docs.google.com/file/d/0BwxBp9LvRvqBa3hXNURsMXUxUjQ/preview" width="640" height="480"></iframe>

     

    You can adjust the height and width of the frame to your liking.

    Let us know if you need further assistance. Thanks!

  • Profile Image

    Answered by billylevine2003gmailcom on June 25, 2013 at 07:39 AM
    not sure what you asking
    I was able to embed and display a pdf by pasting the above into html
    properties.
    But the form is acting funny......for example I cannot have a page brea,
  • Profile Image

    Answered by billylevine2003gmailcom on June 25, 2013 at 07:49 AM
    sorry what I meant was by incorporating
    * **>*
    *
    *
    *into the properties field of an html jotform object I am able to display
    the pdf which is what I want to do however.*
    *I loose the controls of the jotform (page breaks, covers etc).*
    *Also what I really would like to do is complete the embeded pdf within
    jotform. Currently the user would have to download, complete, and updload
    as an attachment).*
    *
    *
    *Any advice or suggestions would be helpful*
    *Thank you.*
  • Profile Image

    Answered by jefreylandicho on June 25, 2013 at 09:24 AM

    Can you please tell us from which form you are having an issue with the page break? Also, please try using the code below to display the PDF

    <iframe src="https://docs.google.com/file/d/0BwxBp9LvRvqBa3hXNURsMXUxUjQ/preview" width="640" height="480"></iframe>

    I have also created a sample form in your account for additional reference which can be found on this link.

    If you need further assistance, please contact us again.

  • Profile Image

    Answered by billylevine2003gmailcom on June 25, 2013 at 10:55 AM
    This is the form I am having trouble with...meaning losing control of page
    break or collapsing section .... I will try your embedded code but
    again.............
    http://www.jotform.com//?formID=31752722945155
    thanks
  • Profile Image

    Answered by jefreylandicho on June 25, 2013 at 11:30 AM

    Alright, please let us know the result as when I have cloned and tested the form, I did not encounter any issue with the page break.

  • Profile Image

    Answered by billylevine2003gmailcom on June 25, 2013 at 11:49 AM
    I was able to manage the page break....thank you
    However can I use the collapsing section with an embedded pdf
    also do you know a way to complete the pdf (fill out) within jot
    form....currently the process I came up with is to download the pdf
    complete and re upload.....I* would like to eliminate the steps of download
    completing and uploading and instead complete the pdf form within the
    jotforms is this possible.*
    Finally thank you for sending the ifframe...it is much cleaner.....is it
    possible to have the same clean version except with the ability to download
    the pdf incase I cannot easily achieve the goal state in bold above.
  • Profile Image
    JotForm Support

    Answered by Welvin on June 25, 2013 at 01:22 PM

    Hi,

    Yes, you can use the Form Collapse tool. But I suggest you to upload the PDF file to your web server or to any file sharing site then get the direct URL/path of the PDF and used it the iframe as example below to avoid any issues:

    <iframe src="https://dl.dropboxusercontent.com/s/mu5ynib1uvhr2qq/fw4.pdf" width="640" height="480"></iframe>

    Example: http://www.jotformpro.com/form/31755201063949

    ----------

    That is not possible to fill out the PDF file directly to the form. You have to still use your current process to let them download the file and upload back.

    ----------

    The format above will work. Using the PDF direct URL will clean your output.

     

    Thanks

  • Profile Image

    Answered by billylevine2003gmailcom on June 25, 2013 at 04:45 PM
    thanks again .....i did notice that the form you sent is editable but does
    not save (download) with changes did you do anything to control this
  • Profile Image
    JotForm Support

    Answered by EltonCris on June 25, 2013 at 06:00 PM

    @billylevine2003gmailcom 

    I assumed you mean, the PDF text boxes are fillable/editable? They are actually fillable if you open your PDF file on Adobe Reader. It is fillable on the browser since the file is loaded as PDF and the browser supports it, in other words it is controlled by the browser. Unfortunately, is it not used to saved filled data instead it's purpose is for printing the document. However, saving PDF data can be done with Adobe Reader.

    Thanks!

  • Profile Image

    Answered by billylevine2003gmailcom on July 18, 2013 at 08:11 AM

    soory I am still struggling with embedding the correct code

     

    I have a document with the following url......what is the correct syntax to embed into jotform

     

    document is....

     

    https://docs.google.com/file/d/0BwxBp9LvRvqBeXlSemd5dndnRms/edit?usp=sharing

  • Profile Image
    JotForm Support

    Answered by KadeJM on July 18, 2013 at 12:11 PM

    Hello billylevine2003gmailcom, I do understand the importance of your problem here. I think you are basically trying to address two issues here...

    (1) Embed your PDF Correctly - For embedding your PDF there are several ways as my colleagues have suggested to embed your PDF. You can display a link on the form, in the notifications, offer the link as a download, or even display the whole entire pdf so that it's viewable in a live format. 

    If you are having trouble viewing a PDF there may be a few things causing this issue. One, there could be a conflict of some sort but an iFrame usually solves this issue. Two, your Computer might not have a program enabling the ability to view a PDF so in this case you need to Download and Install a PDF Application such as Adobe PDF Reader or Foxit PDF Reader but keep in mind that as they say in the title's these are " Readers " Only which means you won't be able to edit them. Three, if everything is Okay with Two then most likely something needs to be ReInstalled or Updated since that can cause problems also.

    and

    (2) Fill in your PDF - As the Guide " How to Display a PDF Document on Your Form " is titled it is only meant to " DISPLAY " a PDF Document. I've done some previous research on this and I think that you are looking more for something along the lines of an ActivePDF that is generated and editable online which can also be saved as well. It is also commonly referred to as an Interactive PDF or a Dynamic PDF.

    If you are trying to just display a previous PDF Document and have that as your Interactive PDF you can do this by itself via Third-Party Softwares or using something like Adobe Acrobat followed by uploading the PDF Online to then display the PDF on your form. During my testing of this however, I noticed that there was a conflict it seems so I will have to look into this some more and get back to you.

    Unfortunately beyond that though at this time, we do not yet have a feature to support this ability therefore at the moment you can only choose Options to Display the PDF as mentioned in (1), Download it, and Edit it using a PDF Editor. I believe that this might be something that may become available at some point but in my research I have been unable to figure out how to go about achieving this since i'm not a full-fledged developer yet. But I am still investigating this to figure out how to do so. I think this is something that will be beneficial but it needs to be generated serverside once I figure it out more to submit to our development team.

    ActivePDF Example (Provided by Adobe):  http://help.adobe.com/en_US/Acrobat/9.0/Samples/interactiveform_enabled.pdf

     

    Example Script Displaying the ActivePDF:

    <iframe src="//help.adobe.com/en_US/Acrobat/9.0/Samples/interactiveform_enabled.pdf

    " width="640" height="480"></iframe>

     

    Screenshot:

  • Profile Image

    Answered by billylevine2003gmailcom on July 19, 2013 at 02:40 PM
    I am having a hard time following this.
    I am stuck on how to embed in a jotform........I was able to do so
    originally and but now cannot add a new pdf
    I seem to have forgotten the syntaxt.......I am not following the embed the
    pdf correctly statement above
    Can you help
  • Profile Image
    JotForm Support

    Answered by EltonCris on July 19, 2013 at 05:10 PM

    @billylevine2003gmailcom

    Basically, what you just need to do is embed the PDF as iframe so it gets loaded in browser that supports PDF viewing. Like my colleagues, you can use the following iframe URL.

    <iframe src="http://www.yourwebsite.com/yourfile.pdf" style="width:100%;height:500px;border:none;" frameborder="0"></iframe>

    Replacing the highlighted URL with your PDF File URL. Make sure to set your iframe height as shown above, bolded part so it fits in your form.

    FYI, do not use this URL: https://docs.google.com/file/d/0BwxBp9LvRvqBeXlSemd5dndnRms/edit?usp=sharing, this isn't the pdf direct link. Direct link should have the PDF file extension .pdf at the last part of the URL.

    To embed it to your form,

    1. Add a Free Text HTML tool to your form

    2. Paste the iframe embed code.

    3. Save and preview!

    That's it. Let us know if you have further questions. Thanks!