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

    Styling Configurable List Widget

    Asked by RogerYelvington01 on April 13, 2015 at 03:48 AM
    3. I would like the fields in the configurable list to be the same style fields as the ones in the tables here:
    http://form.jotformpro.com/form/51015965154958
    configurable list configurable widget list widget style configurable add custom css
  • Profile Image
    JotForm Support

    Answered by Jan on April 13, 2015 at 10:40 AM

    Original thread title: How to style the Configurable List widget the same with this one?

    Hi there,

    The table you're referring to is actually a matrix table. It is found under the Survey tools.

    In order for the configurable list widget to look like the matrix table style, you need to apply some custom css on it. Here's the css code that I've created, please try it.

    #list th {

    padding: 10px 10px;

    border: 1px solid #ccc;

    background: #ddd;

    text-align: center;

    }

    #list td {

    padding: 10px 10px;

    border: 1px solid #ccc;

    background: #f5f5f5

    text-align: center;

    }

    You need to paste this css code inside the widget itself. Select the configurable list widget then click the wizard icon. The widget settings will pop up, scroll down and you should see where you can put custom css.

    Here's a demo form and how it should look like.

    Hope this works for you. Let us know if you need any help.

    Thank you.