why can't I open my forms on mobile phones? Urgent!!

  • Booksmartja
    Asked 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 Support
    Replied 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.

     

  • Booksmartja
    Replied 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 Lead
    Replied 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:

    why cant  I open my forms on mobile phones? Urgent!! Image 1 Screenshot 20

     

    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

  • Booksmartja
    Replied 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 Lead
    Replied 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

  • Booksmartja
    Replied 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 Lead
    Replied 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

  • Booksmartja
    Replied 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 Lead
    Replied 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!

  • Booksmartja
    Replied on July 16, 2014 at 10:54 PM

    Thanks guys. Yor are all very patient and helpful. Keep up the good work

  • Jeanette JotForm Support
    Replied on July 16, 2014 at 11:56 PM

    You are much welcome! Do not hesitate to contact us anytime, whenever you need us!