What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Form not showing properly in weebly

    Asked by cobbkenneth 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?

    Page URL:
    http://pinecountryins.weebly.com/

    weebly margin reduce margin
  • Profile Image
    JotForm Support

    Answered by Jan 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" onload="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!

     

  • Profile Image

    Answered by cobbkenneth 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
    JotForm Support

    Answered by Kiran on January 26, 2015 at 07: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!!

  • Profile Image

    Answered by cobbkenneth 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
    JotForm Support

    Answered by Welvin 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: http://www.jotform.com/answers/504286.

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

    Thanks