The jotform is cut of at the bottom when embedded on my WordPress website

  • Profile Image
    mzbarnes
    Asked on January 29, 2015 at 08:52 PM

    When I reload a page it shows the hidden fields for a brief moment which looks un professional. I have embedded the source code into a wordpress widget. So basically every time refresh the page the hidden fields appear then disappear. Is there a way of fixing this? here is the link to the page with the form on the right. Thanks!

  • Profile Image
    mzbarnes
    Answered on January 29, 2015 at 11:03 PM

    i have changed it to an iframe now and seems to be working better, although the iphone/mobile view, cuts the form off now at the bottom hmm

  • Profile Image
    Ben
    Answered on January 30, 2015 at 03:26 AM

    Please inject this code into your jotform:

    div.form-all {
        width: 100%;
    }

    and then embed it using the iframe method, but using this code:

    <style>@media screen and (min-width: 767px) and (max-width: 769px) { #JotFormIFrame {min-height:540px} }@media screen and (min-width: 799px) and (max-width: 801px) { #JotFormIFrame {min-height:470px} }</style>
    <iframe frameborder="0" scrolling="auto" style="width:100%; height:350px; border:none;" src="//form.jotformpro.com/form/50137709539965" allowtransparency="true" onload="window.parent.scrollTo(0,0)" id="JotFormIFrame"></iframe>

    Do let us know how it goes.