Elongated fields on ipads/ tablets and smart phones.

  • Profile Image
    driverinstruct
    Asked on March 21, 2015 at 04:55 PM
    Form has elongated fields on ipads/ tabletsand smart phones. Please investigate bug
  • Profile Image
    Welvin
    Answered on March 21, 2015 at 09:20 PM

    Hi,

    Try to add the following custom CSS codes to your form:

    input, textarea {

    -webkit-appearance: none;

    -webkit-border-radius: 0;

    border-radius: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-box-sizing: border-box; 

      -moz-box-sizing: border-box;

      box-sizing: border-box; 

    }

    Here's to add the codes to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes.

    Thank you!

  • Profile Image
    driverinstruct
    Answered on March 23, 2015 at 04:42 AM

    Hi there

     

    The code made my form transparent and the form field boxes are still elongating.

    I have had to change the Term & Conditions widget as that had totally disappeared on tablets and smart phones.

     

    Really embarrassing as this was at a conference where I was hoping to collect hundreds of sign-ups.

     

    Please investigate and try completing a form using a tablet or smart phone...

     

    Thanks

  • Profile Image
    raul
    Answered on March 23, 2015 at 10:31 AM

    Please check the following cloned version of your form: http://form.jotformpro.com/form/50813918114957

    This is how it looks on my phone:

    Let us know if it works on your side, if it does feel free to clone the form to your account.
    Thanks.