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

  • Profile Image
    EliezerN
    Answered 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
    CharlotteKingston90
    Answered 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
    jonathan
    Answered 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!