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

    Pop-Up Modal Form Elements

    Asked by MaidCrew on April 25, 2017 at 04:16 PM

    https://www.jotform.com/help/417-How-to-Add-a-Pop-Up-Modal-on-your-Form

    Will this work even if the modal includes form elements OTHER THAN a text? Will it work with name, email & address elements? And if Yes, then are the modal element field values able to be included within the base form's submission data?



    This is a re-post of a comment on How to Add a Pop-Up Modal on your Form

    Page URL:
    https://www.jotform.com/help/417-How-to-Add-a-Pop-Up-Modal-on-your-For<br/>m

    Pop-Up Modal Form Elements
  • Profile Image

    Answered by Ian on April 25, 2017 at 09:17 PM

    The Popup Modal referred at https://www.jotform.com/help/417-How-to-Add-a-Pop-Up-Modal-on-your-Form is suppose to be used used if you want to show some ads, additional information or other messages that are not part of the main body of your form.

    To create a form that should popup please follow the instructions provided at https://www.jotform.com/help/220-How-to-Create-a-Lightbox-Form

    Hope this helps.

  • Profile Image

    Answered by chrispp10 on May 22, 2017 at 03:18 PM

    If i want to do the same type of popup, but instead i want it to open a pdf file and display it, is this also possible ?

  • Profile Image
    JotForm Support

    Answered by BDAVID on May 22, 2017 at 05:08 PM

    It is possible to accomplish what you need with some workaround, please try the following:

    1) Upload the PDF file to your web host, or a third party cloud storage like Google Drive. Copy the exact location (URL) for this file.

    2) Now, enter the URL in the SRC attribute of the following Iframe code:

    <iframe src="Enter URL HERE" style="width:100%;height:600px;border:none;"></iframe>

    3) Example:

    <iframe src="https://drive.google.com/file/d/0B5GkNaXoB7uAYnhxM1E1NHJITU0/preview" style="width:100%;height:600px;border:none;"></iframe>

    4) Copy the whole Iframe code now, and paste it in the source code of the popup modal, example:

    Result: https://form.jotform.co/71416509380859 

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image

    Answered by joefer333 on July 10, 2017 at 05:12 AM

    Hi! I believe I followed all of the instructions above on how to display a PDF popup, but it didn't work,. I used Google Drive and Dropbox,. I know this post is quite recent so this is less likely to be a deprecated feature. Please advise, thank you!
  • Profile Image
    JotForm Support

    Answered by ashwin_d on July 10, 2017 at 07:57 AM

    Hello joefer333,

    I have moved your question to a new thread so that we can address it separately. You will be answered in the following thread:  https://www.jotform.com/answers/1195073

    Thank you!