-
dtuiadminAsked 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.
Page URL: http://dtui.com/onlinecdp -
BorisReplied on August 14, 2015 at 4: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" 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.
-
dtuiadminReplied on August 14, 2015 at 4:45 PMThank 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
... -
BorisReplied 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.