-
ACSTAsked on September 23, 2015 at 1:06 AM
I have created a form with a heading which consist of several collapse forms within the from.
When they have been embedded into the site, they initially look fine until one of them is selected. Selecting any one of the collapsible sections makes the heading disappear.
URL provided.
Thank you and look forward to your response.
-
BJoannaReplied on September 23, 2015 at 5:00 AM
I have tested your form and I was able to reproduce mentioned issue.
I noticed that you are using script code for embedding your form to website. We recommend using of iFrame code for embedding forms. Replacing script code with iFrame code should fix your issue. You can see how to get iFrame code of a form in this article:
http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code
Hope this will help. Let us know if you need further assistance.
-
ACSTReplied on September 23, 2015 at 9:07 PM
Hi Joanna,
Thanks for getting back to me.
I performed what you instructed me to do and unfortunately i am having the same issue.
Is there anything i can try to resolve my issue?
Thank you.
-
BJoannaReplied on September 24, 2015 at 3:33 AM
Can you try to remove the script tag in the iFrame embed code of your form. Remove this tag in your iFrame code:
<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);}if(window.location.href && window.location.href.indexOf("?") > -1) {var ifr = document.getElementById("JotFormIFrame");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;}}</script>
Let us know if you need further assistance.
-
ACSTReplied on September 24, 2015 at 7:54 PM
Hi Joanna,
Thank you, that worked.
-
Chriistian Jotform SupportReplied on September 25, 2015 at 12:47 AM
On behalf of my colleague, BJoanna, you are welcome. Glad to hear that your embedded form is working now. If you have further questions, please feel free to contact us again.