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 to adjust size of Drop Down fields

    Asked by max123jot on September 03, 2016 at 09:17 AM

    dear jot form

    i am struggling to get the input drop down fields to be the same size

    i have tried all the buttons i know

    please advise

    m

    Page URL:
    https://www.jotform.com//?formID=62435412139148#

    input field drop down drop down field
  • Profile Image
    JotForm Support

    Answered by Boris on September 03, 2016 at 10:01 AM

    Are you referring to the width of your Drop down fields, as depicted below?

    You can control the width of these fields by clicking on their gear-shaped icons in the Form Builder, and switching to the Options tab. Your first Drop Down field is currently set to width of 100 pixels, while the second one is set to 200 pixels. Simply make sure to set them both to the same value, and they should appear in the same size:

    If you need any further assistance, please let us know.

  • Profile Image

    Answered by max123jot on September 03, 2016 at 02:45 PM
    ok
    tried it
    worked for drop down boxes (pixels)
    but seems to work differently for text or email (characters)
    how to get the all the same width please
    m
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 03, 2016 at 05:54 PM

    Additionally to the suggestion given above by Boris, you may also may also inject this CSS code: 

    .form-textbox, .form-dropdown{

        width: 400px;

    }

    It will force the text boxes and drop downs to have a width of 400px, this guide will help you to inject the code to your form: How-to-Inject-Custom-CSS-Codes

    Hope this helps. 

  • Profile Image

    Answered by max123jot on September 03, 2016 at 06:45 PM
    ok
    https://www.jotform.com//?formID=62435412139148
    please advise how i get the text boxes to be same also
    drop down is px
    text field is character
    m
    ...
  • Profile Image
    JotForm Support

    Answered by Kevin_G on September 03, 2016 at 08:46 PM

    You need to inject the code I gave you above, it is already set with px: 

    .form-textbox, .form-dropdown{

        width: 400px;

    }

    Guide: How-to-Inject-Custom-CSS-Codes 

    Here is my cloned form of yours where you can see how the code works:

    https://form.jotform.com/62467044723961

     

     

  • Profile Image

    Answered by max123jot on September 04, 2016 at 09:46 AM
    i dont think this should be as hard as i am finding ths
    so i am probably doing something wrong
    i did get (somehow) the first field text to be a larger font
    Fellow/Resident Trainee e-mail
    i get these fields correct in designer, but does not look the same in
    builder
    also i wanted pgy field to be to the right of Fellow/Resident Trainee name
    please advise
    right now it seems what i am doing is a crap shoot
    but i hope you can help figure out how to make this consistent
    m
    ...
  • Profile Image
    JotForm Support

    Answered by Welvin on September 04, 2016 at 12:06 PM

    I can't seem to find the culprit, but changing the width in the designer should do it. I did it in the cloned version of your form and it's not changing no matter what. I ended up injecting the following custom CSS codes:

    .form-textbox, .form-dropdown {

        width: 350px !important;

        box-sizing: border-box !important;

        height: 25px !important;

    }

    The font can be adjusted in the mini designer/full designer. 

    Let us know if you need any further assistance.

  • Profile Image

    Answered by max123jot on September 04, 2016 at 05:45 PM
    the field
    Fellow/Resident Trainee
    looks right in designer and in designer preview, but not in the real form
    also hoping to get
    Fellow/Resident Trainee and next field pgy on the same line and close to
    each other
    welvin
    you have helped me alot in the past
    thanks
    m
    ...
  • Profile Image
    JotForm Support

    Answered by BDAVID on September 04, 2016 at 07:36 PM

    Please check your form again: https://form.jotform.com/62435412139148

    All fields have the same size now:

    Let us know if you need more help.

  • Profile Image

    Answered by max123jot on September 05, 2016 at 07:45 AM
    yes
    great
    now, is it possible with jotform to make the font sizes of input choices
    the same as the field "your name"
    please advise
    thanks
    m
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on September 05, 2016 at 09:05 AM

    Hi,

    Do you mean you want the font of options/choices of your dropdown fields to have the same font as the textbox of "Your Name" field? They seem to have the same font family. We just have to change the font size so please change the injected CSS above to:

    .form-textbox, .form-dropdown {

        width: 350px !important;

        box-sizing: border-box !important;

        height: 25px !important;

        font-size: 20px;

    }

     

    Please take note of the highlighted change.

    Do let us know if you need further assistance.

  • Profile Image

    Answered by max123jot on September 05, 2016 at 01:46 PM
    awsome!
    m
    ...