Terms & Conditions Widget breaks Conditions

  • Profile Image
    Asked on July 16, 2014 at 12:03 AM

    When I add the 'Terms & Conditions' Widget, ALL of my conditions to hide fields stop working, i.e. all fields are shown.

  • Profile Image
    Answered on July 16, 2014 at 06:08 AM


    I'm not sure if that's possible since terms & conditions widget is loaded in an iframe so it shouldn't conflict with anything.

    Can you please provide the form URL which you are having issue? So far when checking your 3 forms, I couldn't see any terms and conditions widget.

    We'll await your reply. Thanks!

  • Profile Image
    Answered on July 16, 2014 at 11:53 AM

    The URL is above. The widget was not there because it breaks the form. It is now so you can test it.

    By the way, like I posted in my other question, adding the widget also stops the 'Hint Example' from working. Which is why, as in my other question, I think it is something in the form that is stopping the 'Hint'.

  • Profile Image
    Answered on July 16, 2014 at 12:24 PM


    Yes it is working on my end. The conditions are working even on the stand alone form http://form.jotform.us/form/41748752369164. I would suggest to clear your browser's cache and check it again.



  • Profile Image
    Answered on July 16, 2014 at 07:00 PM

    Since I'm not getting it to work when embedded, I was looking to do it different ways. Popup seems to work correctly, but Lightbox just gives an empty box. Here is the page.

  • Profile Image
    Answered on July 17, 2014 at 01:12 AM

    Hello Russ563,

    I did check your web page and it seems you have several other scripts which is causing the conflict. That is the reason why your Lightbox is not displaying any form.

    Let me take a look and I will get back to you a little latter if I am able to resolve this issue.

    Thank you!

  • Profile Image
    Answered on July 17, 2014 at 08:25 AM

    Try this page


    Update: I removed the embedded Jotform and now the Lightbox displays the form, BUT the other problems are still there:

    1. no hint example

    2. conditions to hide fields don't work

    3. required fields are NOT required (except the 2 widgets)


    These 3 problems work correctly in the popup.

  • Profile Image
    Answered on July 17, 2014 at 09:38 AM

    Hello Russ563,

    In the new web page where you have added your LightBox script, please use the following script and that should solve your problem:

    <script src="//max.jotfor.ms/static/feedback.js?3.2.2843" type="text/javascript">

    new JotformFeedback({



    windowTitle:'Registration Signup Form',









    The only difference is that we have changed the script source file from feedback2.js?3.2.2843 to feedback.js?3.2.2843. This change in the script code will make your form appear in lightbox. Please check the screenshot below:

    Thank you!

  • Profile Image
    Answered on July 18, 2014 at 12:00 PM

    Yes, it solves the problem.Thank You.

    It creates new questions though:

    1. Do I do that on all my forms?
    2. Is this change just for me, if so, why? Or is it going to show up for everyone when creating a form?
    3. I hate it when websites put a scrollable window inside of another scrollable window. This new lightbox can be scrolled off the screen, the old one never moved no matter what you did with your wheel mouse. Old way better.
    4. I'm not saying this change is wrong, just different; the old one if you clicked off of the lightbox, it closed it, the new one you must click the x in the corner.5. The font size of the title of the lightbox is now much smaller.


  • Profile Image
    Answered on July 18, 2014 at 02:19 PM


    The change that was made references a different lightbox script.  It appears this script is more compatible with this specific form and is not something that should have to be update by other users or for your other forms.  The reason the new one appears different is that it is in fact formatted differently.  You can add the "font-size: 12px;" in addition to the code Ashwin referenced to change the text size.  You can add this css to you actual page to remove the scrolling:

    <style type="text/css">


    overflow-x: hidden !important;

    overflow-y: hidden !important;


    And here is a discussion on editing the style of the title:


    Please let us know if you have any other questions and we will be happy to help.

    Thank you for using Jotform!