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

    Only part of my form will embed into xara, what can I do to solve this issue?

    Asked by Charlotte  on May 08, 2014 at 11:43 AM
    Page URL:
    &lt;iframeid=&quot;JotFormIFrame&quot;onload=&quot;window.parent.scrol<br/>lTo(0,0)&quot;allowtransparency=&quot;true&quot;src=&quot;http://form.<br/>jotformeu.com/form/41273825294357&quot;framebord

    xara
  • Profile Image

    Answered by EliezerN on May 08, 2014 at 01:23 PM

    Hi,

    It seems like you tried to share the iframe code of your form through the box where you must enter the webpage/form URL.

    &lt;iframeid=&quot;JotFormIFrame&quot;onload=&quot;window.parent.scrol<br/>lTo(0,0)&quot;allowtransparency=&quot;true&quot;src=&quot;http://form.<br/>jotformeu.com/form/41273825294357&quot;framebord 

    So, if you are using the iframe code, it is most likely that you need to increase the iframe height. That way the whole form can be displayed. 

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/41273825294357" frameborder="0" style="width:100%; height:2164px; 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>

    This code belongs to your form. So, please increase the height value 2164px that is in bold above and embed that code after removing the current code. That may resolve the issue.

    If the issue still persists, kindly share with us the URL of the web page where the form is embedded so that we can further investigate.

    Thanks

  • Profile Image

    Answered by CharlotteKingston90 on May 09, 2014 at 04:24 AM

    Where can I change the height? When i click on the embed option and go on the xara option this appears to be locked and I can not change the height. I have also tried to put it in the inject custom CSS and this does not work either

  • Profile Image
    JotForm Support

    Answered by jonathan on May 09, 2014 at 09:48 AM

    @CharlotteKingston90

    Hi,

    To change the height parameter, do it after you get the form's iframe embed code using this guide 

    -Getting-the-Form-iFrame-Code

    For example, if this is the iframe embed code of your form

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

     

    the number height:2164px;  is the height value that you need to adjust on that code.

    Hope this help. Please inform us you are still having difficulty on this.

    Thanks!