Form cut off at bottom. FAQs on changing form length not useful.

  • Profile Image
    dtuiadmin
    Asked on August 14, 2015 at 01:43 PM

    Hi. We have a form on webpage http://dtui.com/onlinecdp. The form is cut off before the credit card information request can be viewed. Please provide information on how to increase the vertical length of the form so that all of the content shows. Thanks.

  • Profile Image
    Boris
    Answered on August 14, 2015 at 04:35 PM

    The form displayed correctly for me when I just opened your site:

    However, I do see a potential scripting conflict on that page that may be preventing our script embedded forms from correctly calculating their height. For this reason, I would recommend that you please try using our iFrame embed method for embedding your forms onto that Wordpress site.

    To completely control the height of the iFrame you will be embedding, please leave out the script part of the iFrame embed codes (marked with orange background), and use just the iFrame part of the code (marked with green background). Then, you can change the height by editing the part I have marked in bold red below:

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

    Please let us know if you need further assistance.

  • Profile Image
    dtuiadmin
    Answered on August 14, 2015 at 04:45 PM
    Thank you. We will try that.
    Billy
    Check out the upcoming events: Diversity Executive Awards, Employee
    Engagement & Inclusion, Certified Diversity Professional Seminar. Go to
    dtui.com today!
    DTUI.com | Diversity Officer Magazine.com
    350 Townsend Street, Suite 255
    San Francisco, CA. 94107
    +1.415.692.0121/dtuiadmin@dtui.com
    ...
  • Profile Image
    Boris
    Answered on August 14, 2015 at 06:15 PM

    You are kindly welcome. Just give us a shout if the form is still cut off after the change, and we will be happy to take a look and help.