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

    I need to extend the length of two text boxes in my form, address and Job Description entry fields

    Asked by danielgreenwell on July 29, 2015 at 03:54 AM

    I can't extend the length of the two fields, Job Description and Address in my form - they need to be 3-4 times the height of the other text boxes. These other text boxes need to stay the same height. Also, I have added some vertical padding somewhere on these two form fields so the text doesn't write in the middle which I cant seem to get rid of - can you help?

     

    I'd love it if you could make these quick changes for me - i am new to jotform so not sure how to do this! 

    Thanks

    Daniel Greenwell

    Page URL:
    http://madebyvoxel.com/pages/get-a-quote

    length text boxes and job
  • Profile Image

    Answered by Sammy on July 29, 2015 at 05:18 AM

    You can modify the properties by accessing the form designer in the form builder

    Select the Designer tab then click on any of you textboxes to bring up the textbox properties, from there make changes to section highlighted in the following screenshot.

     

    Please let us know if you need further clarification or assistance

  • Profile Image

    Answered by danielgreenwell on July 29, 2015 at 05:24 AM
    Hello,
    Yeah that's what I was doing - the problem is that it changes all the entry
    fields height eg. Name company, and I only want those two fields to be
    bigger.
    Is this possible? Is there a work around of this that I can do??
    Thanks for the speedy response!
    Daniel Greenwell
    On Wednesday, July 29, 2015, JotForm Support Forum <
    noreply@jotform.com> wrote:
    ...
  • Profile Image

    Answered by Sammy on July 29, 2015 at 05:37 AM

    Another workaround you can use is to inject custom CSS code affecting the textarea, here is the snippet to use

    .form-textarea {
        height : 140px !important;
    }

    Modify the height property to your desired value.

    Paste the code in the CSS tab of the form designer

    Did you manage to resolve the padding issue?

  • Profile Image

    Answered by danielgreenwell on July 29, 2015 at 05:39 AM
    Okay that's great - how so I use that CSS to specify a particular input
    box? Just so I can change those two?
    Yeah I sorted the padding thanks for the help so far!
    Thanks alottttt
    Daniel
    On Wednesday, July 29, 2015, JotForm Support Forum <
    noreply@jotform.com> wrote:
    ...
  • Profile Image

    Answered by Sammy on July 29, 2015 at 05:52 AM

    In this case you can use the ids for the specific fields

    #input_14,#input_7 {
        height : 140px !important;
    }

    To identify the id of the fields goto the form builder, then select the properties of the that particular field,  at the bottom of the properties window you will see the id

  • Profile Image

    Answered by danielgreenwell on July 29, 2015 at 06:29 AM
    awesome! That coding has worked perfectly!
    I have one final thing that's now messed up because of the coding.......
    The height/distance between each form has now massively increased and I
    would like to decrease this - is there a CSS code for the entire form that
    controls the height between each field?
    Final thing i promise! Thanks in advance for prompt help!
    Really appreciate it. Daniel
    ...
  • Profile Image

    Answered by Sammy on July 29, 2015 at 06:46 AM

    Hi Daniel,

    No problem we are here to assist you become and expert in using our tools,

    Kindly try adjusting the line height in the form designer

    You can also use this CSS if the above approach does not yield results

    .form-line {padding: 2px !important;}

     

  • Profile Image

    Answered by danielgreenwell on July 29, 2015 at 08:24 AM
    Great! Fixed it - thanks for the help!! Danie
    On Wednesday, July 29, 2015, JotForm Support Forum <
    noreply@jotform.com> wrote:
    ...