CardForms: progress/save button misplacement in Edge and IE

  • Profile Image
    idmedical
    Asked on March 12, 2018 at 05:21 AM

    The form I've created is embedded on our website, which I believe is why this error is appearing.

    The progress and save button are correctly underneath the form questions (despite overlapping) in Chrome and Firefox on a PC, however in Edge and IE 11 they are on top of the form questions. When you click on the progress button, it then sits next to the save button correctly.

    As I cannot add custom CSS to temporarily fix this, is this something your developers are able to implement a permanent fix for, or should I wait until custom CSS is available?

    Thanks in advance.

  • Profile Image
    gizem
    Answered on March 12, 2018 at 10:19 AM

    I assume you are referring this form: https://www.jotform.com/80704146423955

    I have checked your form in IE 11 and Edge via BrowserStack. I could not replicate the problem you have experienced. Can you please share your website's URL with us? So, we can check the problem further.

    We will be waiting for your reply.

  • Profile Image
    idmedical
    Answered on March 12, 2018 at 11:30 AM

    Of course, it is located here: https://www.id-medical.com/school/courses/ilm

  • Profile Image
    Richie_P
    Answered on March 12, 2018 at 01:23 PM

    I have checked your website, and I have replicated the issue using IE 11.

    Can you try to use the IFrame code without the Script code?

    <iframe id="JotFormIFrame-80492293844969" onload="window.parent.scrollTo(0,0)" allowtransparency="true" allowfullscreen="true" src="https://form.jotform.com/80492293844969" frameborder="0" style="width: 1px; min-width: 100%; height:1306px; border:none;" scrolling="no" > </iframe>
      <script></script> 


    Let us know how it goes.

  • Profile Image
    idmedical
    Answered on March 13, 2018 at 04:45 AM

    That's done the trick. Thank you for your help!