Form not showing properly in weebly

  • cobbkenneth
    Asked on January 26, 2015 at 9: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?

  • Jan
    Replied on January 26, 2015 at 11:54 AM

    Hello,

    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" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="http://www.jotform.com/50253660225952" frameborder="0" style="width:100%; height:239px; border:none;" scrolling="no"></iframe>

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = 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>

    </div>

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

    Thank you!

     

  • cobbkenneth
    Replied on January 26, 2015 at 5: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!

  • Kiran Support Team Lead
    Replied on January 26, 2015 at 7:20 PM

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

    http://www.jotformpro.com/form/50253660225952

    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!!

  • cobbkenneth
    Replied on January 27, 2015 at 8: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?

  • Welvin Support Team Lead
    Replied on January 27, 2015 at 9: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: http://www.jotform.com/answers/504286.

    For the button and top margin: http://www.jotform.com/answers/504287.

    Thanks