Terms & Conditions Widget breaks Conditions

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

Hi,

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!

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'.

@Russ563

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.

Thanks!

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.

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!

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.

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({

formId:'41748752369164',

base:'http://jotform.us/',

windowTitle:'Registration Signup Form',

background:'#FFA500',

fontColor:'#FFFFFF',

type:false,

height:500,

width:750

});

</script>

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!

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.

Hi,

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">

div.jt-content{

overflow-x: hidden !important;

overflow-y: hidden !important;

</style>

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

http://www.jotform.com/answers/56636-How-can-I-change-size-and-alignment-of-lightbox-title

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

Thank you for using Jotform!