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

    How To Have a Mix of Field Types in a Matrix with Each Column Having Its Own Type?

    Asked by Paul Shustak on February 15, 2016 at 02:36 AM

    P.S. It would be super helpful if you could paste the code used to configure this form: 

    http://form.jotformpro.com/form/52231858557967

  • Profile Image
    JotForm Support

    Answered by Chriistian on February 15, 2016 at 02:46 AM

    This is the css code used to style the configurable list:

    .checkbox, .radio {

    margin: 3px 0;

    min-width: 70px;

    }

    .checkbox, .radio {

     display:inline;

    }

    .add{

     display:none;

    }

    #list tr:nth-child(2) span:before {

        content: "Gold";

    }

    #list tr:nth-child(3) span:before {

        content: "Silver";

    }

    #list tr:nth-child(4) span:before {

        content: "Bronze";

    }

    #list tr:nth-child(5) span:before {

        content: "Senior";

    }

    #list tr:nth-child(6) span:before {

        content: "Junior";

    }

    table#list th {

     border: 1px solid;

     padding: 3px!important;

    }

    table#list td {

     padding: 3px!important;

     border: 1px solid;

    }

    Simply inject the custom css to the widget by following these steps:

    1. Click on the wand icon of the Configurable List widget

    2. Click on the Custom CSS Tab

    3. Paste the CSS

    4. Then simply click Update Widget to save the changes.

    If you like, you can also clone the form by following this guide: How to Clone an Existing Form from a URL

    Do let us know if you need further assistance.