Optimize form for mobile device

  • Profile Image
    reciproc8
    Asked on November 28, 2013 at 11:18 AM

    Hey guys
    I noticed on my iPhone the text size of field options is not consistent.  Why is this and how do I fix it?  It's messing up my form.  Bad

    Thanks

     

    formID=33307459495968 

  • Profile Image
    pinoytech
    Answered on November 28, 2013 at 12:01 PM

    Hi,

    Injecting Custom Css code in your form will allow you to have the form display correctly on both pc and mobile phones.

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 480px) {

    /* Styles */

    }

    You may try to inject this custom css into your form.

    @media only screen

    and (min-device-width : 320px)

    and (max-device-width : 480px) {

    .form-all {

    width: 320px !important;

    }

    #progressBar.progressbar-control {

    width: 93% !important;

    }

    .form-pagebreak-next {

    margin-top: 80px !important;

    }

    .form-pagebreak-back {

    margin-top: 80px !important;

    }

    }

    http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here's how it looks like:

    Feel free to contact us again if you need further assistance at anytime.