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.
Internet Explorer 10: Form Collapse and Conditional logic will not work. Form Layout get distortedAsked by rpv on August 18, 2013 at 10:57 AM
I'm relatively new to Jotforms and love it so far, but my form Centralized Cadet Information Database (CCID) does not play well with IE. form arrangements is scattered, form collapse bars do not work, conditions do not work, etc.
I am using IE 10, and I have a hnadful of beta testers using it on different computers with different OS versions, all experiencing the same problems. It works great on Chrome and Firefox, but I cannot guarentee that our students will have either of these browsers.
I have scoured the forums to no avail. The iframe fix is N/A since we have not yet embedded the form in our web page. I do not have any CSS inserted at this point that might be messing it up.
Can you help? I am facing a time crunch since the cadets will need this form working upon their arrival on Wednesday morning. Thank you.
I'll help look for an anwer but you could put a message in how to use ie compatability mode. IF you click the button that looks like a broken page, it should make it work better. More information is here
I forgot to mention I already tried that, but still no luck. Thanks for the idea, though...
Which conditions don't work, and what do you mean the collaps bars don't work. I tried this on windows 7 x64 bit with ie10 and they seem to work. I just installed it though you may want try any windows updates.
Hi, please describe to us the steps to take to be able to see the problem you mentioned on this form http://www.jotformpro.com/form/32280236036951
On initial examination so far, I was not able to reproduce the display issues when using different IE browser like the one you mentioned.
And I could see that there are several conditions setup on your form. If you can tell us which condition is failing, we will focus to check on that.
Please update us.
If you compare the two pictures below, you will see just a few of the page layout differences. The first image shows the screen layout under Chrome, the second was under IE 10.
In addition to the layout errors, some (if not all) of the conditional filters don't work. For example, the anniversary date field should only appear if one of the "Married" buttons of "Marital Status" is clicked.
Also, none of the collapse bars are expanding or collapsing.
The second set of images show similar behavior. Compare the layout of the first image (Chrome) to the second one (IE) to see that the problem reporting fields (description and browser identification) and the rating (which should be a one- to five-star scale) should only appear if the "Click here to request assistance..." box is checked.
Since none of the collapse bars would expand, I could not check all the fields, but I suspect there will be similar problems throughout.
I noticed the pictures didn't embed as yours did. What is the best way to do this?
I see that the layout problems are fixed now that I upgraded to IE 10 (at least the ones I can see) by turning OFF the compatibility mode. Same is true for the star-scale rating tools.
Does this mean users with IE 9 or IE 8 will need to upgrade?
However, the collapse bars and conditional filters are still not working.
Please use this link to upload your screenshot images instead.
After uploading an image, copy the URL path/text in the Image URL box and paste it here when you reply. We will be able to check your images then.
As far as I know, the form still supports full compatibility with IE9 browser, but there are some incompatibility issue already with IE8 browser. Most of the time, we recommend upgrading of the browser for those that still uses IE8 and below versions.
And if you are already using IE10, it is recommended to turn off Incompatibility mode, since having the updated/upgraded browser is more preferrable.
I tested also your form on IE8 and IE9. Please see screens
As you can see, I encountered issue with IE8 but none on IE9.
For example, the anniversary date field should only appear if one of the "Married" buttons of "Marital Status" is clicked.
I was not able to see this issue. The Anniversary Date field only appears after I have chosen "Married" in Marital Status option.
It could be that this is happening on your end because the script error I have mentioned when I tested in IE8.. Can you try first the form on other browser type i.e. Chrome or Firefox. Check if the condition will exibit similar behaviour.
Thanks for all the information. Yes, all the conditional fields and collapse bars work fine on Chrome. It has been reported to me that they also work on Firefox, but I have not verified that myself yet.
Is there a particular configuration or security setting that I need to have to allow scripts? Is it possible that a firewall or virus checker is getting in the way? I'm asking because the "Marital Status" conditional that works for you does not work for me. I have tried this on several computers with the same results.
Script conflict can also be a reason. If your form is embedded on a website, you should try also using the iframe code embed. This will have prevent any script conflict between the form and your website page.
To try on any firewall/router/anti-virus Whitelisting , you can review this article to check which IPs and domains you can set.
I also did checked thoroughly on your form condition for that Marital radio option, but so far it seems to me to be correct. So, we do not have issue on the condition logic setting.
Can you still give us that screenshot when the condition issue is visible in your form? Perhaps we can find out more if we have this visual.
Here are the links for the images...
https://cms.jotform.com/uploads/image_upload/image_upload/global/17253_CCID - IE 10 - Page 1.gif
https://cms.jotform.com/uploads/image_upload/image_upload/global/17255_CCID - Chrome - Page 1.gif
https://cms.jotform.com/uploads/image_upload/image_upload/global/17256_CCID - Chrome - Page 2.gif
https://cms.jotform.com/uploads/image_upload/image_upload/global/17257_CCID - IE 10 - Page 2.gif
Did these links work to show you the screenshots? Any word on the IE incompatibility yet?
I think using iframe code will trigger the same problem as I can see you haven't embedded yet the form
I just tested the form in an IE 10 emulator, and I can see there is a lag while expanding the Collapse. I was also able to reproduce the conditional logics problem. Even when I have not chosen the first 2 option the Marital status, the Anniversary Date field will appear
I have escalated this problem, however, after cloning your form, I do not reproduce the error. Can you please try that? clone the form and let me know if the issue persists on IE10
Thanks for the suggestion, but no luck. Conditionals are still nonfunctional, and collapse bars still do not collaps/expand.
Ok, thanks for the update. The ticket it's been opened, I cannot provide you with an ETA, but hopefully you'll get update on this thread soon