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

  • dtuiadmin
    Asked on August 14, 2015 at 1: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.

  • Boris
    Replied on August 14, 2015 at 4:35 PM

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

    Form cut off at bottom Screenshot 20

    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" onDISABLEDload="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.

  • dtuiadmin
    Replied on August 14, 2015 at 4: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
    ...
  • Boris
    Replied on August 14, 2015 at 6: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.