Fields height is too small in iPad view.

  • Profile Image
    symco
    Asked on July 26, 2016 at 11:00 AM

    Hi,

    Our form is not being properly displayed while viewing on ios devices.

     

    I'm attaching screenshots of the iPad version.

    The height of each individual entry field is too small and doesn't display the text being typed in.

     

    Is there any feature/setting that would solve our problem?

     

    - I tried both, the standard & iFrame embedding

    - Our website is created using wix.com and it's mobile version does not allow for separate/individual setting (which would enable us using a different/cloned form with different settings)

  • Profile Image
    BDAVID
    Answered on July 26, 2016 at 12:24 PM

    Please inject the following CSS code in your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    @media only screen and (max-width: 480px) {

    .form-textarea,

    .form-textbox,

    .form-dropdown{

    height: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    }

    @media only screen 

    and (min-device-width : 768px) 

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

    .form-textarea,

    .form-textbox,

    .form-dropdown{

    height: 100% !important;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    }

    }

    Results:

     

    Let us know if you need more help, we will be glad to assist you.

  • Profile Image
    symco
    Answered on July 26, 2016 at 01:39 PM

    Perfect - works great! Thank you.