Form not showing on iPhone/pad

  • graemefordham
    Asked on May 2, 2014 at 6:03 PM

    Hi,

     

    Thanks for the great product. I've been tweaking and finding most answers on this forum but my form is now ready and it's not showing up at all on iphone/ipads. when I first navigated to the page on the device it also presented a click away warning concerning validatation of the form server. Any help please would be great. The URL is linked here

     

    Also, one last piece of text I can't seem to find the css to adjust is the "please wait...". It is showing in a completely different font than the rest and is a very dark colour... 

     

    OK, additional request for info is for submissions. Even though I insert a non secure iframe into my behance site it sends secure responses. Is there a circumstance where if the host is running secure URLs then an unsecure one can't be accepted. 

     

    Thanks in advance,

     

     

     

    Graeme

  • Elton Support Team Lead
    Replied on May 2, 2014 at 7:09 PM

    Hi Graeme,

    That's probably due to the SSL security error that's why the form doesn't appear on the iPhone/iPad.

    Your current iframe embed code uses https but with a wrong subdomain. If you want to use secure form, please change https://form with https://secure, otherwise if you don't want to use secure form change https://form to http://form

    <iframe id="JotFormIFrame" allowtransparency="true" src="https://form.jotformeu.com/form/41162895161354" frameborder="0" style="margin:0px auto;display:block;" scrolling="no" width="984" height="457"></iframe>

    Please note that your button image is hosted on http (http://content.graemefordham.com/send.png). If you want to use secure form, make sure to upload this button image to your server that supports https and change the image URL with https protocol.

    This also resolves the issue regarding on receiving SSL submission. https, sends the submissions with encryption so it ended up as SSL Submission. However, using http, submission will land as regular and not SSL.

    Hope this helps. Thanks!

  • graemefordham
    Replied on May 3, 2014 at 2:36 AM

    Thanks a lot for your answer regarding ssl. 

    Unfortunately, after I submit the http://form text in the website and save the item the content changes to https://form. No idea why. Is this a limitation of running a non-secure form through a secure site?

    I have no real need for secure forms that I'm aware of. 

    Also, I had submitted both the secure and non-secure versions correctly with the iframe but only the secure is working... down to this issue, as you said.

    Also, any help on the css selector for the "please wait..." text?

    Thanks again and hope you can help

  • jonathan
    Replied on May 3, 2014 at 8:25 AM

    Hi Graeme,

    Please refer to the image below for the visual explanation of the issue on your embedded form on your website here http://graemefordham.eu/246737/contact 

    (click on image to enlarge)

    Form not showing on iPhone/pad Image 1 Screenshot 30

    You should NOT embed your form on your website using its secure URL because the website does not suppor it.

    To use the non-secure URL of the form when getting its embed code, make sure that the Secure Form tick box  is NOT checked.

    Form not showing on iPhone/pad Image 2 Screenshot 41

    If you need to get the Secure URL version then this is the guide

    https://www.jotform.com/help/63-How-can-I-receive-SSL-Submissions

    I suggest you re-embed again the form in your website using the non-secure URL, then check again if issue is gone.

    --

     

    You can change the "Please wait.." text in the form warnings editor

    Use this guide https://www.jotform.com/help/61-How-to-Change-Translate-Form-Warnings

     

    Hope this help. Inform us if you need further assistance.

    Thanks!

     

     

  • graemefordham
    Replied on May 3, 2014 at 8:50 AM

    Hi, thanks for the support and answers. 

    However, the issue persists with the 'behance' website automatically altering the form iframe script I input. Here is the script I enter. As informed I have used the non-secure script for iframe:

    Form not showing on iPhone/pad Image 1 Screenshot 30

    Then, once embedded in the page, I open it to 'edit' again and i see that the 's' has been added to http to read this, therefor giving the error: 

    Form not showing on iPhone/pad Image 2 Screenshot 41

     

    Honestly... I just tried it several times again before writing. It seems to always chuck in the 's' again without cause that I can see. I don't know if this is a behance thing or not. As you say, it is not a secure site, so i don't see the issue.

    With regard to the "please wait..." text, I don't want to change the text, I would like to adjust it's properties via css injection, as it comes out a different font and colour to the rest, but I can't find the selector that will effect it. I would like a pointer to this end if possible. 

    Many thanks,

    Graeme

     

    N.B. I'm using the secure form meanwhile, as it works, until I can fix this issue. any help please. Thx

  • Welvin Support Team Lead
    Replied on May 3, 2014 at 1:12 PM

    Hi Graeme,

    It seems that behance.net doesn't allow non-secure external elements using their Embed Media option. I'm afraid that the form won't be visible if you embed it using the non-secure URL. 

    Let me find a way with regards to the Please wait text. 

    Thanks

  • graemefordham
    Replied on May 3, 2014 at 2:19 PM

    Thanks for the definitive answer Welvin. 

    Looking forward to the css inject with regards to the "please wait...". It's the last thing now. Thanks

    G

  • Welvin Support Team Lead
    Replied on May 3, 2014 at 7:58 PM

    I moved your question with regards to the Custom CSS codes for please wait text to this link: http://www.jotform.com/answers/371499. Please follow there for the codes.

    Thanks