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

    Change configurable list widget default fields width

    Asked by bkurniawan on July 03, 2014 at 12:34 PM
    1) Is it possible to custom change the width of the fields? For example, textbox in the first column is 200px, the textbox in the second column is 100px, or the select field in the third column is 50px, etc.
  • Profile Image
    JotForm Support

    Answered by BDAVID on July 03, 2014 at 01:19 PM

    So far, I have only managed  to change the width of all text boxes with this CSS code:

    input[type="text"] {

        width: 120px;

    }

    I will get back to you, if it is possible to change the width of an specific column.

  • Profile Image
    JotForm Support

    Answered by BDAVID on July 03, 2014 at 01:44 PM

    You can add this CSS code in the Configurable List widget:

    .col1 input[type="text"] {

    width: 200px;

    }

    .col2 input[type="text"] {

    width: 100px;

    }

    .col3 select {

    width: 50px;

    }

    Click on the wizard icon:

    Then paste the code in the CSS area:

    This will be the result:

    Let us know if you have more questions, we will be glad to assist you.

  • Profile Image

    Answered by bkurniawan on July 03, 2014 at 02:22 PM

    This is so cool! So by targeting the css fields you can customize the width, and I am pretty sure you can give it a border, and other styling too. 

    How can we find out about all these css fields' names? 

  • Profile Image
    JotForm Support Manager

    Answered by Jeanette on July 03, 2014 at 02:24 PM

    I have answered to you on this thread

    Cheers!

  • Profile Image

    Answered by bkurniawan on July 03, 2014 at 02:26 PM

    Thank you Jeanette. I just saw it from the other thread too. I really appreciate for all your quick responses. Thanks again.