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 sizing?

    Asked by pestcontrol1 on January 08, 2014 at 04:09 PM

    I want to add a form on my site, in the attached picture you see the form i want because it is boxed in in BLUE but when i use your form, the contact form is so big (boxed in in red) What can i do to get the form the actual size i want and not all the extra space on the sides?? 

    Screenshot
    sizing contact form size extra space picture
  • Profile Image

    Answered by jedcadorna on January 08, 2014 at 05:41 PM

    Hello,

    Thank you for contacting us. Can you share your website URL so we can do some test. I can see that you the width of the form is set smaller what we need to see is the website URL how the form will be adjusted. In the meantime can you try embeding the form using an iframe then adjust the width of the frame according the size that fits your site. 

     

    You can change the one that is highligthed in red.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.co/form/40073999991875" frameborder="0" style="width:100%; height:501px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

     

    Let us know if this works for you otherwise we need to see the actual website where the form is embeded to see it in action.

    Thanks,