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

    Make the Drop Down Larger in the Configure List Widget?

    Asked by mybackcracker on January 02, 2015 at 05:34 PM
    Is there a way to make the drop down larger in the configure list widget?
    dropdown configurable list CSS
  • Profile Image
    JotForm Support

    Answered by Charlie on January 02, 2015 at 10:03 PM

    Hi,

    What you meant by making it large is having it wider? We can change the width of a specific field in the Configurable List widget by following the screenshots below.

    1. View your form in your web browser. We will need to get the specific path of the field in your Configurable List widget that we want to style or design.

    2. Copy the CSS path of it, in my case the dropdown field.

    3. Navigate back to the form builder and click the wizard setup of your widget.

    4. Scroll down and you will see the area where you can add custom CSS code.

    In my case this is my code:

    #list > tbody > tr:nth-child(2) > td.col1 > select {

    min-width:200px !important;

    }

    Pink highlight: This is the CSS path that we copied.

    Green highlight: This is the custom CSS code where we want to change the width of my dropdown.

     

    This is how it will looked like in my end: https://www.jotform.com/form/50017853064955. You can also share us your form's URL so that we can assist you on styling it.

    I hope this helps. Let us know if you need more assistance on this.

    Thank you.