Styling Configurable List Widget

  • Profile Image
    RogerYelvington01
    Asked 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
  • Profile Image
    Jan
    Answered 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.