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

    I cant make my second colum wider on configurable list widget

    Asked by tracyalexander on April 19, 2017 at 01:48 PM

    I want the heading of the second colum to be on one line.  I have changed the width but cant get it to work so obviously doing something wrong.  I have alot of these fields to change the size so would appreciate an understanding of how to change the size of the title and the size of the actual input field

     

    Appreciate your help, thank you

     

    .col1 {

     

    width: 400px;

     

    }

     

    .col2 {

     width:700px;

    }

    .col2 input[type=text] {

    width: 450px;

     

    }

    Page URL:
    https://eu.jotform.com/build/70951790799373

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Kiran on April 19, 2017 at 03:05 PM

    Please try injecting the following CSS code to the Custom CSS section of the Configurable list widget to increase the width of the dropdown field.

    .col2 select {

    width: 100px;

    }

    Hope this information helps! 

  • Profile Image

    Answered by tracyalexander on April 22, 2017 at 03:21 PM

    I dont want the drop down field wider, just the label for it

  • Profile Image
    JotForm Support

    Answered by jonathan on April 22, 2017 at 05:34 PM

    I checked your form but it seems you have fixed it already. I see the configurable list dropdown field like this

    Let us know if you still need assistance on this.

     

     

  • Profile Image

    Answered by tracyalexander on April 30, 2017 at 08:53 AM

    I am not sure how I have fixed it - can you give me the css code I should use when I just want to make the label longer not the drop down field. 

    Thank you

  • Profile Image
    JotForm Support

    Answered by jonathan on April 30, 2017 at 10:09 AM

    It was this CSS code 

    .col2 {

        width: 200px;

    }

     

    You need to apply it in the custom CSS code of the Configurable List widget.

    Let us know if you need further assistance.