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.
Google calendar Iframe not displaying. Internet Explorer 9.Asked by ljurado37 on January 14, 2013 at 04:03 PM
My Goole calendar Iframe embeded in the form is not displaying in Intenet Explorer 9.0.12.
I have three steps to filling out my form using page breaks due to length of the form.
On the third step it displays my calendar so client can pick the date of inspection.
Google calendar IFrame in my form works on google chrome, opera, firefox, safari..
On internet explorer the Iframe does not display. It shows on preview, but when you "open in new tab" google calendar iframe does not display.
I think it has something to do with (see below) not sure?
But im not sure.
What is wierd is when I am on the third step "the page that is supposed to display the calendar but only displays an orange box" an zoom in with the browser the calendar displays.
Please help not sure what is going on.
Can someone help me out please?
I have tested your form. Here are the results:
However, when testing another calendar embedded on a form by itslef, it seems to be working ok:
So I tried to embed the same calendar that worked on a clone of your original form. Unfortunately, this did not work as shown on this video:
I have forwarded the issue to our dev team. Thanks for bringing this to our attention!
Please stand by for updats on this issue.
in addition to what Ed stated. I would recommend you to embed the form itself with the iFrame code in order to prevent the issue on IE
No can do ebbeding the the form itself with the Iframe. I need to paste the Dreamweaver code of the form so I can add code to it so it can add up fees to create an estimate. For example each individuale type of inspection will have a price based on square footage and number of bedrooms bathrooms and building stories. If I embed the form code as an Iframe I will not be able to modify the code later.
So you see I need to embed the entire code in my page because there is going to be a confirmation email with all the details of the scheduled inspection and the sumed up fees total.
Please help fix this. Ive been working on this for a long time now and I would hate to think I will need to start from scratch.
I traced it back to something in these lines of code
<ul class="form-section" style=" display:none;>
<li class="form-line" id="id_38">
<div id="cid_38" class="form-input-wide">
<div id="text_38" class="form-html">
Not sure why but when I change the style='display:(none;) it shows the calender. Maybe this can help? Not sure. But then by changing display:(___); it removes the page break from hidding that third step.
Also when you load the third step where the calendar is not displaying, and zoom in or out of the page the calendar then displays. Very weird.
You might be viewing your form/page on Internet Explorer Compatability mode. I have tried accessing your page with this settings and I am able to replicate the issue.
Please make it sure you aren't viewing the page on compatibility mode. Turn it off by clicking "Tools" then click "Compatibility View Settings", a small window will popup, check the "Display all website in compatibility view" then reload the page.
Your Form when Compatibility View is On: http://screencast.com/t/XffUY2gox
Your Form when Compatibility View is Off: http://screencast.com/t/5MtJj9OKSv1e
Thanks and I hope this helps.
Apologize, the information about IE Compatability View On/Off on my last response was later corrected. Thanks
I would like for people to see my calendar with and with out compatability view. Its a bug in your forms because the caledar can be seen on all other platforms. If a client of mine fills out the form out of compatability view then they cant see tha calendar. I will lose clients then using your service. I have three inspectors that work in my company which will total 300 hundred form submissions a month on your site. Please, is their any way this can be fixed?
Just to let you know that this is already forwarded to our developers. The priority level of this report is important. We will surely inform you for any updates.
For now, the only thing I can recommed is to advice your user to check their IE compatibility settings.
We thank you for your patience on this matter.
As I controlled it now, it was working fine on all versions of IE (8,9,10). I am closing the ticket now. If the problem persists please feel free to contact us again!