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

    Drop Down: How to set fixed dropdown width?

    Asked by shlmosmiles on March 12, 2016 at 09:00 PM

    Hello,

     

    I am trying to make all fields in my form (shlomo smiles travel) go into 2 justified columns where each field is the same width. However, for some reason  your drop down field does not seem to respond when I change the field length. Only when the field is set to expand does the width I input show, Otherwise when I shrink it it seems to shrink to the amount of width needed for the longest options choice. Please advise 

    dropdown width shrink field length length expand
  • Profile Image
    JotForm Support

    Answered by Kevin_G on March 12, 2016 at 11:00 PM

    I'm not sure if understood your question, if you are not able to change the width for the drop down fields on your form in the Form Builder, then you may inject your custom CSS code, this guide will help you to inject the code to your form: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    You will also need to find the ID of the field that you want to change with CSS, this guide will help you to find it: http://www.jotform.com/help/146-How-to-find-Field-IDs-Names

    Now the final CSS code that you will inject to affect the drop down should look like this: 

    #fieldID{

        width: 100px;    

    }

    The highlighted text is where you need to replace with the ID of the field that you want to change the width, if it does not help, please provide us more details about it, seems like it is when viewing your form on mobile devices, do let us know if this is the case, we will be glad to help you.