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 make drop down the same size?

    Asked by buymorefans on April 11, 2016 at 05:41 AM

    Hi,

     

    When I change a product it changes the size of the drop down.

    How do I make them the same size (width) so the form is straight and aligned?

     

    Thanks

    size same Make how
  • Profile Image
    JotForm Support

    Answered by Nik_C on April 11, 2016 at 06:24 AM

    Hi,

    Could you try to input this in your Custom CSS field:

    .form-dropdown {

        width : 330px;

    }

     

    #cid_13 {

        width : auto !important;

    }

     

    #cid_13 span.form-product-item {

        width : 420px;

    }

     

    That should adjust your drop-downs, please let us know if you need further assistance.

     

     

  • Profile Image

    Answered by buymorefans on April 15, 2016 at 06:19 AM

    Is there a way to make them the same size as the first one? Because when you stretch the drop down menus that wide it is not mobile responsive.

  • Profile Image
    JotForm Support

    Answered by Nik_C on April 15, 2016 at 07:54 AM

    I'm assuming that you are referring to this form: http://www.jotformpro.com/form/61052945341956

    You can use this code instead: 

    .form-dropdown {

        width : 150px;

    }

    #cid_13 {

       width : auto !important;

    }

    #cid_13 span.form-product-item {

        width : 255px;

    }

    That will make your drop-downs shorter:

    Also, your form should be mobile responsive by default, but anyway, please check this option under Designer menu:

    Hope it helps.

    Please let me know if you have any further questions.