Form is not displayed properly in Internet Explorer

  • PrecisionOptical
    Asked on March 17, 2016 at 4:02 PM

    Everything is working great in all browsers EXCEPT Internet Explorer (I'm using v.11) which seems to fall apart. Any ideas for that?

    Link with the form on it: http://www.precisionoptical.com/index-formTest.php

  • BJoanna
    Replied on March 17, 2016 at 4:19 PM

    I do not have Internet Explorer 11, but I have tested your embedded form in  Internet Explorer 8 and I was able to replicate mentioned issue.

    Form is not displayed properly in Internet Explorer Image 1 Screenshot 20

    I saw that you have embedded your form with iFrame code. Please try to remove script part of iFrame code and leave only iFrame part of the code, to see if that will resolve your issue. Use only this part of your code:

        <iframe

          id="JotFormIFrame"

          onDISABLEDload="window.parent.scrollTo(0,0)"

          allowtransparency="true"

          src="https://form.jotform.com/52671061023141"

          frameborder="0"

          style="width:100%;

          height:539px;

          border:none;"

          scrolling="no">

        </iframe>

    Hope this will help. Let us know if you need further assistance.

  • PrecisionOptical
    Replied on March 17, 2016 at 4:52 PM

    Hi,

    I removed the script code as you recommended but it didn't seem to work. Any other ideas?

    Thanks!

  • Kevin Support Team Lead
    Replied on March 17, 2016 at 5:27 PM

    The issue is not when embedding the form, it is happening even when loading the standalone form, I was able to reproduce it on my end, however, I applied a CSS code that fixed it, this is the CSS code that you need to inject to your form: 

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input{

        margin-left:2px;

    }

    Paste it in the Designer.

    Here is the link to my cloned form, it loads properly now on Internet Explorer: https://form.jotform.com/60767101224952

    Hope this helps. 

  • PrecisionOptical
    Replied on March 17, 2016 at 5:53 PM

    Awesome! That seems to be working, I tested it in Safari on Mac, IE 11, Chrome and Firefox.

    Great job, awesome support. 

    Thank you for you help!

  • Kevin Support Team Lead
    Replied on March 17, 2016 at 5:55 PM

    You're welcome, great to know that it worked and thank you for your kind words. 

    Do let us know if you need more help, we will be glad to assist you.