Form not expanding on Chrome

  • designisgrowth
    Asked on April 12, 2017 at 5:18 PM

    Hey guys, I'm having an issue with my form expanding on Chrome. It does it on every other browser but Chrome. URL here: http://www.auroradx.com/molecular-test-menu/ Under the Account Setup tab.

    Thanks for your help!

  • Chriistian Jotform Support
    Replied on April 12, 2017 at 10:49 PM

    I checked your form embedded on the site (http://www.auroradx.com/molecular-test-menu/) and I was able to see the issue. Can you please try re-embedding your form using the iFrame embed method and adjust the height of the iframe?

    <iframe title="Molecular Test Menu - Account Setup - 2" onDISABLEDload="window.parent.scrollTo(0,0)" src="" allowtransparency="true" name="62656188399979" id="62656188399979" style="width: 100%; overflow: hidden; border: medium none; height: 1799px;" scrolling="no"></iframe>

    Hope this helps.
    Regards.

  • designisgrowth
    Replied on April 13, 2017 at 11:44 AM

    Hi Christian,

    I tried the iFrame and the form isn't even showing up. I had to put it back because I have people looking at it at the moment on other browsers...

    Even when I expand the height of the <p> tag the rest looks expanded but the embed. It looks like the embed is still being cut off.

  • BJoanna
    Replied on April 13, 2017 at 1:48 PM

    Inside of Chrome height of your form is 0px and min-height of 300px is applied.

    Form not expanding on Chrome Image 1 Screenshot 20

     

    Your form is currently embedded with script code. When you embedded your form with iFrame code did you used only part of the code that my colleage provided you or did you used full code (iFrame and script)? Getting the form iFrame code 

    Can you please try again? First try with full iFrame code and then try using only iFrame part of the code:

     <iframe id="JotFormIFrame-62656188399979" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotformpro.com/62656188399979" frameborder="0" style="width:100%; height:2092px; border:none;" scrolling="no"> </iframe>

    You can also try to change scrolling to yes.

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