-
BooksmartjaAsked on July 15, 2014 at 8:42 PM
I can open the forms on desktop computers but i can't open them using an android or smartphone. Two urls are here included: http://www.booksmartja.com/quest-preparatory-estimate-calculator.html and
http://www.booksmartja.com/jessie-ripoll-estimate-calculator.html
-
Jeanette JotForm SupportReplied on July 15, 2014 at 11:55 PM
I'm not able to open the forms in a computer or a mobile browser emulator.
I think the main problem is that the form's code is in conflict with some jquery codes in the page.
To resolve the problem, I would recommend you to embed the form using the iFrame version
If that doesn't help, do get back to us and we will be happy to assist you.
-
BooksmartjaReplied on July 16, 2014 at 6:58 AM
I am using weebly and the Iframe doesnt work. The button does not display fully when clicked
See a test url of the button using Iframe method here:http://www.booksmartja.com/test.html
Using the embed button the button is fully displayed here but doesn't work with the secure embed code. See url here:http://www.booksmartja.com/jessie-ripoll-estimate-calculator.html
Your assstance is needed
-
Welvin Support Team LeadReplied on July 16, 2014 at 9:38 AM
iFrame is our recommended method for Weebly: https://www.jotform.com/help/215-Adding-a-Form-to-Weebly.
I checked it and it was working fine. I am able to view it without any issues:
When you say, can't open, meaning, the form is missing to the page when viewed using a mobile device or you mean, you can't open the Form Collapse?
Let us know!
Thanks
-
BooksmartjaReplied on July 16, 2014 at 10:02 AM
The one you opened is the one using the embed code format.
This is the one using the Iframe format ::http://www.booksmartja.com/test.html It displays the button on the desktop computer but doesn't display all the form fields. In other words when click the form doesn't dsplay all the way down and you can't see the other fields to input your information.
Need your help
-
Welvin Support Team LeadReplied on July 16, 2014 at 11:12 AM
Removing the script tags from the iFrame codes should work. This is your form codes without the script tags: http://pastiebin.com/53c6952b739ca. If not, please let us know!
Also note that the height of the iFrame method is fixed, so expect a long empty space in the page while the form collapse is closed.
Thanks
-
BooksmartjaReplied on July 16, 2014 at 11:28 AM
Could you say where and how do i remove those scripts. Is it on jot form or on weebly's html side?
-
Welvin Support Team LeadReplied on July 16, 2014 at 12:17 PM
I'm sorry. This is your form codes without the script tags: http://pastiebin.com/53c6952b739ca. You can just copy and embed it to your page. You have to remove it from the embed codes after copying it from the form embed wizard.
This is the original iFrame codes:
<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/41962620628962" frameborder="0" style="width:100%; height:1878px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>
The codes highlighted with Yellow are the script tags. That's the codes you need to remove.
Let us know if you need further assistance.
Thanks
-
BooksmartjaReplied on July 16, 2014 at 2:05 PM
Yes it seems to work. Haven't done an extensive test yet. Is there a work a round this long empty space?
-
Elton Support Team LeadReplied on July 16, 2014 at 3:05 PM
@Booksmartja
Glad it helps.
The only available workaround for that is to set yes on the scrolling attribute found on your iframe embed code (which I think you've already done on the embedded form here). So whenever the form length increases, a vertical scroll bar will be shown beside the form so you can still navigate throughout the bottom part of the form.
Example:
<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/41962620628962" frameborder="0" style="width:100%; height:1878px; border:none;" scrolling="yes"></iframe>
Thanks!
-
BooksmartjaReplied on July 16, 2014 at 10:54 PM
Thanks guys. Yor are all very patient and helpful. Keep up the good work
-
Jeanette JotForm SupportReplied on July 16, 2014 at 11:56 PM
You are much welcome! Do not hesitate to contact us anytime, whenever you need us!