What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Fields height is too small in iPad view.

    Asked by symco 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)

    Page URL:
    http://www.symcoshowcases.com/#!boston/be5sa

    Screenshot
    ios iPad View Responsive Fields Height
  • Profile Image
    JotForm Support

    Answered by BDAVID 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

    Answered by symco on July 26, 2016 at 01:39 PM

    Perfect - works great! Thank you.