Google calendar Iframe not displaying. Internet Explorer 9.

  • Profile Image
    ljurado37
    Asked 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.

     

    http://www.allprohomeinspections.us/schedule.html

    http://form.jotform.us/form/23345847078159

    Please help not sure what is going on.

    Thank you

    Leo

  • Profile Image
    ljurado37
    Answered on January 14, 2013 at 04:51 PM

    Can someone help me out please?

  • Profile Image
    EduardoMendez
    Answered on January 14, 2013 at 08:32 PM

    Hi there, 

    I have tested your form.  Here are the results:

    Google chrome:

    IE

    However, when testing another calendar embedded on a form by itslef, it seems to be working ok:

    IE

    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:

    http://screencast.com/t/83lUSD6Pf

    I have forwarded the issue to our dev team.  Thanks for bringing this to our attention!

    Please stand by for updats on this issue.  

  • Profile Image
    jeanettebmz
    Answered on January 14, 2013 at 08:40 PM

    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

  • Profile Image
    ljurado37
    Answered on January 14, 2013 at 11:38 PM

    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.

    Thank you

    Leo

  • Profile Image
    ljurado37
    Answered on January 14, 2013 at 11:44 PM

    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.

    Please help.

  • Profile Image
    ljurado37
    Answered on January 14, 2013 at 11:46 PM

    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.

  • Profile Image
    Welvin
    Answered on January 15, 2013 at 02:24 AM

    Hi,

    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.

  • Profile Image
    Welvin
    Answered on January 15, 2013 at 02:40 AM

    Apologize, the information about IE Compatability View On/Off on my last response was later corrected. Thanks

  • Profile Image
    ljurado37
    Answered on January 18, 2013 at 02:12 AM

    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?

  • Profile Image
    Welvin
    Answered on January 18, 2013 at 02:17 AM

    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.

  • Profile Image
    cettox
    Answered on May 06, 2013 at 07:50 AM

    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!

     

    Thanks.