Is there a smart phone friendly form?

  • Profile Image
    2adorable
    Asked on April 05, 2011 at 09:03 AM

    People are having trouble submitting my form on their smart phone. Can a mobile friendly form be made?

  • Profile Image
    allanftd
    Answered on April 06, 2011 at 12:54 AM

    Hi 2adorable,

    Thank you for your inquiry. May we ask what issues are they getting when using your form through a smart phone?

    Since current mobile devices usually do not usually support high speed internet browsing, I would recommend making your form as simple and straightforward as possible. This means less javascripting and CSS and no big images. Make your form as short and compact as possible to fit most mobile phone browsers and avoid navigation issues.

    We hope you find this information useful. Please let us know if you have any other questions or concerns. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    Steve D
    Answered on July 07, 2011 at 04:53 PM

    I am using minimalist forms from Jotform on a few mobile sites and even though they are small forms in size (I size them to fit) and in weight (no images, only a few fields) they still don't always appear on some phones and on iphone when you tap a field it enlarges the whole page. So yes, I too am having the problem and would really like a solution because we are on the verge of selling a lot of mobile sites to small businesses, all of which will want a nice and simple and working form. Hopefully your team will look into it and come up with a good solution. We're rooting for ya!

  • Profile Image
    Steve D
    Answered on July 07, 2011 at 05:25 PM

    This article explains the zooming on Iphone/Safari:

    http://www.smashingmagazine.com/2010/03/11/forms-on-mobile-devices-modern-solutions/

    Gives some other good tips as well.

  • Profile Image
    NeilVicente
    Answered on July 07, 2011 at 05:51 PM

    Hi Steve,

    May I ask which method you are using to embed the forms? I have a feeling that you're using the default Embed <> codes which can be somewhat spotty on some situations. The default embed codes use JavaScript to display the form. If for some reason, the script fails to load and execute in the browser, then the whole form will not be displayed at all.

    This can happen if JavaScript is either unavailable or disabled on the user's device, or when the browser's connection to our server times out (usually caused by intermittent and unreliable mobile connection).

    Try using the more reliable iframe codes instead.

    To get your form's iframe codes:

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame



    4.  Copy the codes provided in the succeeding screen

    As for the zooming in on the iPhone, I hope you do realize now that is a Mobile Safari feature, thus, cannot be changed by altering the form in any way.

    Hope you find this answer useful. Please don't hesitate to contact us again if you have other queries or concerns.

    Thank you!


    Neil

  • Profile Image
    Answered on July 07, 2011 at 10:41 PM

    Thanks Neil... yes I will use the iframe code. That should do it. and yes of course agree with you on Safari, which is why I put that link up which explained what was happening there. Appreciate the help.

    Steve

  • Profile Image
    NeilVicente
    Answered on July 07, 2011 at 11:04 PM

    Steve,

    Please do try it out. We are very much eager to hear about your results. Thanks!


    Neil