Creating forms for smart phones

  • Profile Image
    wiah
    Asked on August 30, 2012 at 05:47 PM

    I love the ease of being able to create forms on your site and our clients like them too.

     

    I would love to be able to create smartphone friendly forms using your platform.  Is there a way, or would it be possible to be able to create forms and then copy the code to make my forms smartphone friendly.

     

    Thanks for your great product

     

    Dennis

  • Profile Image
    fxr
    Answered on August 30, 2012 at 06:37 PM

    Hi Dennis,

    JotForm forms are designed to be mobile device friendly, is there any particular issues that you have had creating forms for mobile devices?

  • Profile Image
    wiah
    Answered on August 30, 2012 at 07:21 PM

    I have my forms set up on my website and when I view the forms using my smartphone, I have to do a lot of scrolling to the left and right to view the whole form.  I was hoping to be able to view them in more of a smartphone format where the text is large as opposed to pinching and zooming and a lot of navigating around the screen

  • Profile Image
    jeanettebmz
    Answered on August 30, 2012 at 08:52 PM

    We recommend to install iCab or Opera Mini in order to see our forms properly. It seems that native browser into iPhones is not rendering the form properly. Let us know if this helps in your case

  • Profile Image
    wiah
    Answered on August 31, 2012 at 10:15 AM

    I think I would find it impossible to convince all my clients to download either of these browsers.  What I'm trying to do is develop an app for my business and link your forms to my app.  The forms look as they do on a conventional computer, however the text is extreemly small and a lot of navigating needs to occur.  I hope I'm explaing myself correctly.  Let me know if I'm not.

  • Profile Image
    jeanettebmz
    Answered on August 31, 2012 at 02:06 PM

    You might want to  insert custom CSS code in your form  in order to make the text larger into form

    For example , for text boxes , you might want to try :

    .form-textbox {
    font-size: 120%;
    }

    Like I said, our forms are mobile friendly , however there are some reported problems with native browsers of iPad/iPhones , so we recommend to alternate to the mentioned browsers above

  • Profile Image
    ecbudesign
    Answered on September 04, 2012 at 12:19 AM

    wiah, the first step is to put the form lables ABOVE the form fields.  For mobile, do not put them side by side.  You can do this using form settings/properties, or your can do it with CSS.

  • Profile Image
    idarktech
    Answered on September 04, 2012 at 12:33 AM

    @ecbudesign,

    Thanks for your input. That's also useful, making it side by side is like dividing your form width into two columns and this affects the labels display specially on small screen devices.

  • Profile Image
    mediamakesus
    Answered on December 10, 2012 at 08:24 AM

    Hi guys,

    I need the upload button to work within an app rather than a mobile browser. Has anyone tried adding a link to a form before within an app while still preserving upload button functionality? 

  • Profile Image
    jonathan
    Answered on December 10, 2012 at 09:19 AM

    @mediamakesus

    Hi, it will be much better if you can create another topic here (click on this link) regarding your inquiry. Provide more info and details about the app you mentioned.

    Thanks.