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

    CSS & Configurable List Widget | How to control column size

    Asked by derickdavis on July 14, 2016 at 08:05 AM

    I'm working with the Configurable List Widget and I have a need for 11 column elements.  Because of this, my widget is wider than the mobile device.  

    How do I use CSS to control the width of various columns?   Many of my columns will only require an entry of 3 characters, but the current format is providing much more "cell" space than 3 columns.  As a result, the overall widget is much "wider" than it really needs to be.

    size configurable list list widget configurable
  • Profile Image

    Answered by Irshad on July 14, 2016 at 09:35 AM

    I am checking it and will send you further updates shortly.

  • Profile Image

    Answered by Irshad on July 14, 2016 at 10:06 AM

    You can achieve it by writing the custom css code for your specific widget. I am able to see you have already added some custom css code into your "Configurable list Widget". So please add the below css code:

    table {

        width: 50%;

    }

    input[type=text] {

        width: 27px;

    }

    Please check the below screenshot:

     

    You can also verify the design on my Clone form at below URL:

    http://www.jotform.com/61954242271959

    If you face any issue or need further assistance, feel free to revert back.

    Thanks.