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 have Terms and conditions Popup windows

    Asked by asccombaillaux on November 27, 2014 at 05:38 PM

    Hi,

    How can I make the terms and conditions to appear in a popup window instead of a new tab as proposed bay defautl by the existing widget.

    Than how can I force user to navigate through the end of the conditions before allowing him to tick the box "agree with terms and conditions"

    Thanks for your help,

    Georges

    Page URL:
    http://sud-sport.com/inscriptions_formulaire.php?course=43016419622348

    new tab force pop up terms pop up pop up terms terms and conditions modal window
  • Profile Image
    JotForm Support

    Answered by jonathan on November 27, 2014 at 06:10 PM

    Hi Georges,

    I think what you wanted to achieve is something similar to what was described on this discussion thread http://www.jotform.com/answers/338879.

    These were the suggested steps

    1. Create your custom html page(i.e. terms-conditions.html ).

    2. Add the pop-up script and the link to your terms/condition page. And make sure this web page is working on your website or wherever you have it hosted.

    3. In your JotForm form, you can use the TEXT(html) field to embed the tems-conditions.html page using iframe code. Something like this

    <iframe allowtransparency="true" src="//terms-conditions.html" frameborder="0" style="width: 100%; height: 100px; border: none;" scrolling="no"></iframe>

    notice the src is the custom html page you created/hosted.

     

    The main point is you will need a separate page for the pop-up terms and use the TEXT field to open the terms in pop-up mode.

    Please inform us if this idea can work for you and we will assist you create it in your jotform.

    Thanks.

    ---

    I created a separate thread for your other question here http://www.jotform.com/answers/465921

     

     

  • Profile Image
    JotForm Support

    Answered by jonathan on November 28, 2014 at 05:36 PM

    Hi,

    You can also try this demo jotform http://www.jotform.me/form/43316650503447

     

    Will this do for your requirement?

    Please inform us and we can also assist you create the same on your jotform.

    Thanks.

  • Profile Image

    Answered by asccombaillaux on November 29, 2014 at 12:17 PM

    Hi,

    Superb that is exactky what I was trying to do, I am loocking forward to reading your instrcutions.

    I'l make the popup window a little bigger though.

    Thanks and applause,

    Georges

  • Profile Image
    JotForm Support

    Answered by jonathan on November 29, 2014 at 05:29 PM

    Hi Georges,

    The very first thing needed is to create your own web page to put the terms. Like what I did by putting it on this test website.

    It was the same steps.

    1. Create your custom html page(i.e. terms-conditions.html ).

    2. Add the pop-up script and the link to your terms/condition page. And make sure this web page is working on your website or wherever you have it hosted.

    3. In your JotForm form, you can use the TEXT(html) field to embed the tems-conditions.html page using iframe code. Something like this

    <iframe allowtransparency="true" src="//terms-conditions.html" frameborder="0" style="width: 100%; height: 100px; border: none;" scrolling="no"></iframe>

    notice the src is the custom html page you created/hosted.

    The main point is you will need a separate page for the pop-up terms and use the TEXT field to open the terms in pop-up mode.

    It will also help you understand more how I did it by cloning my demo form http://www.jotform.me/form/43316650503447 into your Form Builder.

    User guide: -How-to-Clone-an-Existing-Form-from-a-URL

    Create first your Terms page(html), and I will put it on your jotform https://www.jotform.com/43016419622348

     

    Thanks.

     

     

  • Profile Image

    Answered by asccombaillaux on November 30, 2014 at 08:00 AM

    Hi Jonathan,

    Thnaks for your help

    I have managed to implement your solution but for the size (height) and location of the text box containing the popup link.

    So I would be glad if you could tell me how to move around a text block as I haven't been able to find how to do it.

    Best Regards,

    Georges

    My form is: http://www.jotform.com//?formID=43016419622348

  • Profile Image
    JotForm Support

    Answered by jonathan on November 30, 2014 at 09:25 AM

    Hi George,

    You can modify the width/height of the pop-up by modifying the indicated value in the javascript pop-up

     

     

    As for the relocation of the pop-up... example, you may want to center it on the window.. will need a bit more javascript code.

    A good example of that javascript code can be found here.

    But for just my personal opinion, if you make the pop-up more longer and wider, it may not be a good idea to put it on the center of the screen anymore. Otherwise, it might just cover the page/form behind.

    The current pop-up can be drag and resize also. It makes it easier for the reader to just expand and move it at their convenience.

    Hope this help. Inform us if you need further assistance.

    Thanks.

     

     

  • Profile Image

    Answered by asccombaillaux on November 30, 2014 at 09:59 AM

    Hi Jonathan,

    Thanks for the solution, I eventually managed to do it, on my own, exactly as you suggested.

    I want to get rid of the navigation bat in the popup windows and the "location=no" in the javascrit doesn't seem to work but I think this out of your scope.

    Thanks again for your fruitfull help, I am done for this patt of my jotform.

    Best Regards,

    Georges

  • Profile Image
    JotForm Support

    Answered by Kiran on November 30, 2014 at 01:45 PM

    Anytime, Georges! Glad to see that you were able to manage the solution. The hiding feature of URL is no longer supported on modern browsers due to security reasons.

    Please let us know if we can be of any further help. Thank you!