Inserting PDF into a form.

  • Profile Image
    sandk0330
    Asked on June 28, 2012 at 07:04 PM

    In this form:  http://form.jotform.us/form/21745377725158  the person showed me the option of inserting a pdf (for some reason  directly into my form, but I can't tell how he did it.  Can I please get instructions?

  • Profile Image
    idarktech
    Answered on June 28, 2012 at 09:00 PM

    Here's a guide for that: http://www.jotform.com/help/153-How-to-Display-a-PDF-Document-On-Your-Form

    Let us know if you need further assistance with this. Thanks.

  • Profile Image
    sandk0330
    Answered on June 29, 2012 at 04:47 PM
    It does not appear to be working for me:
    http://form.jotform.us/form/21726672456156
    Any advice?
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    abajan
    Answered on June 30, 2012 at 02:24 AM

    Hi Jackie

    First of all, it appears that the PDF is not in the Public folder of your Dropbox account. Is that the way it's supposed to be? (Meaning that it's only suposed to be accessible to those having a password?) If so, please do the following:

    1. Copy this code to your clipboard

    2. Load the form into the form builder and click the problem free text (HTML) field

    3. Click the HTML button in the form builder's toolbar and replace all the code there with that which you copied in step 1. (If the PDF's URL is wrong, edit it to suit.)

    4. Click OK and save the form

    If you would like further assistance with this, please let us know.

  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 09:46 AM
    Thank you! That did allow me to put the PDF into the form; however, now it won’t show the quiz questions below it.
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    abajan
    Answered on June 30, 2012 at 10:17 AM

    The iFrame containing the PDF has not been properly closed. The slash in its closing tag is missing. Be careful not to place invalid HTML in the work area:


    Ha ha... I just realized that the missing slash was my fault because the code I provided doesn't have it! Sorry about that. Here's the updated code. However, after testing a clone of your form with the slash, the PDF is now not aligned with the rest of the form. I'll see what I can do and get back to you.

     

  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 10:22 AM
    Can you please tell me where the slash is supposed to go? I copied that directly from the advice of the last rep who helped me.
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 10:28 AM
    Sorry! The picture didn’t download in the last email you sent. Got it! Thanks so much!
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    abajan
    Answered on June 30, 2012 at 10:33 AM

    Super! By the way, I discovered the cause of the misalignment. Remove the enclosing pre tags. Just copy the updated code as is, click the free text field, click the HTML button in the form builder's toolbar (pictured in my last reply), paste [Ctrl+V] the code into the work area, click OK and save the form. The resulting form should look like this clone of the form I made for testing purposes.

  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 10:38 AM
    What are the enclosing pretags?
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    abajan
    Answered on June 30, 2012 at 11:02 AM

    While viewing the code in the HTML work area of the free text field, I noticed that the iFrame was enclosed within pre (short for preformatted) tags. I don't know how they got there but they should be removed.

    The best way to copy the code would be to drag your mouse over all of it and hit [Ctrl+C] to copy it. Alternatively, you can just drag the mouse over a portion of it, hit [Ctrl+A] to select all of it and then [Ctrl+C]. Either method will copy the code to your computer's clipboard. When you click the HTML button in the toolbar (pictured in my penultimate reply) click inside the work area and when you see the flashing cursor, paste [Ctrl+V] the code from the clipboard. (The code in your HTML button's work area looked vastly different from that which I had originally provided. That's why I'm being so detailed here about the correct procedure to follow.)

    I have to sign off now but should you require further help with this, my colleagues will gladly offer assistance.

  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 11:24 AM
    Thank you so much for all of your help. I understand how to copy and paste, but the problem that I seem to be having now is that-even after copying and pasting the updated code that you provided-the pdf is still offset. When I open the html work area it looks empty. I don’t see a “pre”.
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com
  • Profile Image
    sandk0330
    Answered on June 30, 2012 at 11:26 AM
    Please disregard. I think I got it! ☺
    Thank you,
    Jackie
    Jackie Stansell
    Office Manager
    AMNAV Maritime Services
    201 Burma Road
    Oakland, CA 94607
    Ph.: (510) 834-8847, ext. 2
    Fx.: (510) 834-8873
    E-mail: Jackie@amnav.com