Form not showing properly in weebly

  • Profile Image
    Asked on January 26, 2015 at 09:16 AM

    Hello, for my form "EE Product Selection (Short)" , I would like to reduce the margins so that the first form field is right at the beginning of the form with no top margin and so that there is very little space between the form field and the submit ("go") button.  Also, when embedding it using your embed code, the form is centering on my web page instead of justifying to the left.  How do I correct these?

  • Profile Image
    Answered on January 26, 2015 at 11:54 AM


    I checked your website and found out that weebly is creating a full width for the iframe. Can you please try to embed this code in weebly.

    <div style="width: 200px; height: 239px;">

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="" frameborder="0" style="width:100%; height:239px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args =":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight" = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) { = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>


    Hope this works. Please get back to us if you need further assistance.

    Thank you!


  • Profile Image
    Answered on January 26, 2015 at 05:22 PM

    Thanks, Jan.  Say, I embedded that code in my site but the code isn't working at all.  Please see my website at the link above.  Thanks!

  • Profile Image
    Answered on January 26, 2015 at 07:20 PM

    Could you please try replacing the form URL with the following URL?

    Please try embedding the code after changing the form URL and let us know if the issue still persists. We will be happy to look into this issue further.

    Thank you!!

  • Profile Image
    Answered on January 27, 2015 at 08:09 AM

    Thank you, Kiran for the different link as that works. 

    But now the "go" button on my embedded form is really wide, while in the jotform editor it is really narrow.  Is that something caused by the embedded code and can we fix it?
     Also, there is still way too much margin at the top of the form and a little too much margin between the form field and the "go" button.  How do we fix those?

  • Profile Image
    Answered on January 27, 2015 at 09:21 AM

    To avoid some confusions and so we can focus on each of your issues, I've moved your last two questions into a separate thread. Will attend to both shortly.

    Here are the links:

    About the submit button:

    For the button and top margin: