Jotform footer is overlapping upon the submit button

Hi the jot form footer is showing up on my form and overlaying where i want them to sign... how do i change this?

 

please see here: http://www.iphm.co.uk/therapist-online-application.html

 

it makes it difficult for people to sign, 

Hi,

I would like to recommend you to embed the following iFrame code instead of the current one:

<iframe id="JotFormIFrame-70613996264363" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/70613996264363" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-70613996264363"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { 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; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>

This iFrame code must be resolved the issue. If your problem persists, please let us know.

Thank you.

Regards.

Hi thank you for quick response, however its still not made any difference
please see here: http://www.iphm.co.uk/therapist-online-application.html
[image: Inline images 1]
Yours Faithfully
Yvonne Dunne (Secretary)
Website: www.iphm.co.uk
...

Hi Yvonne, 

I have just checked your form, can you please remove the embedding and try again using the iFrame code from the form settings, I have just tested on my own test page and It worked fine. 

Here's how to get the iFrame code:

Getting-the-form-iFrame-code

 

Thank you!

HI I have done as you said and removed it but it still does not work and still overlaps

 

Hi again,

I am escalating the issue to our developers. Whilst this process, I would like to enable the scroll option of your form. In order to make it happen, please try embedding this one:

<iframe id="JotFormIFrame-70613996264363" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/70613996264363" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="yes"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-70613996264363"); if(window.location.href && window.location.href.indexOf("?") > -1) { var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { 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; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } </script>

By this way, you can scroll the page and access to the "Submit" button. However, I am creating a ticket for this issue.

When we fix it, you'll be informed via this thread.

Thank you.

Hi
I have done as you have said and removed the original one and then inserted
the iframe in however it still overlaps. Perhaps the form just does not
work well with weebly??
Yours Faithfully
Yvonne Dunne (Secretary)
Website: www.iphm.co.uk
...

Hi Yvonne, 

I have just checked your website, and I can see that scrolling is now enabled and the code provided by my colleague above is working. Please see:

 

And as I can see, there's a ticket opened with the main issue and assigned to a developer, they will look into it as soon as they can. We will update you via this thread.

Let us know if you need any further help.

Thank you!

Hi,

We are sorry for this inconvenience caused to you. 

As we investigated your website further, the issue seems to be fixed with the embed code provided my colleague Amy and it was also confirmed by my colleague Sven. In addition, the only way to fix footer related issue on the form is to change embed code to make submit button visible. So, could you please check your form embedded and let us know if the issue still persists on any forms you have embedded? 

On the other hand, please note that if you upgrade your account to ANY paid plan, the footer will be removed.  If you have more questions, please do let us know. We would be pleased to assist you. 

Thank you for your assistance in this matter. As I am now using the scroll
option I will leave it at that. Many thanks for your help.
Yours Faithfully
Yvonne Dunne (Secretary)
Website: www.iphm.co.uk
...