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

    How do I change the size of a form entry?

    Asked by mlwhall on November 03, 2011 at 12:44 PM

    I need to have the size for entry fields to be bigger (at least taller). I am going to display on an Ipad and I need the entry fields to be a little bigger in order for them to make it easier to enter data into the forms.

     

  • Profile Image
    JotForm Support

    Answered by abajan on November 03, 2011 at 12:59 PM

    Inject the following CSS into your form and save it:

    .form-textbox {
    height:2em;
    }

    If you wish, the "2" can be changed to another number ("2.1", "2.2", "2.3"... "2.9", "3", "3.1", "3.2" and so on.)

  • Profile Image
    JotForm Support

    Answered by abajan on November 03, 2011 at 01:14 PM

    Actually, you'd better make that

    input, select, button {
    height:2em;
    }

    However, resizing the checkboxes is proving to be inconsistent across browsers. I'll need to research this and get back to you, unless one of my colleagues can come up with a solution.

    UPDATE: It appears that attempting to resize the check boxes may be an exercise in futility. So, the best alternative may be to simply increase the space between their parent elements by injecting a second rule, similar to the following:

    .form-checkbox-item {
    margin-top:1.2em;
    margin-bottom:1.3em;
    }

    Incidentally, increasing the space between each country in the dropdown selector is also inconsistent across browsers.