Drop Down: How to set fixed dropdown width?

  • shlmosmiles
    Asked on March 12, 2016 at 9: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 

  • Kevin Support Team Lead
    Replied 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.