Can you assist me in breaking my configurable list down into two rows please?

  • Profile Image
    goodtimegetaways
    Asked on May 27, 2016 at 03:15 PM

    I've seen it done but am not programming savvy. Can you point out the part of the code that I need to copy from other forms that will allow me to create a second row of field information in my configurable list widget please? 

    Thank you!

    https://form.jotform.com/61474191761963

  • Profile Image
    KadeJM
    Answered on May 27, 2016 at 03:44 PM

    To my understanding you are using the configurable list widget and would like to set it up to display in two rows.

    We've actually got a guide which will help walk you through setting it up and customizing it.

    Please see https://www.jotform.com/help/282-How-to-Set-Up-the-Configurable-List-Widget 

  • Profile Image
    goodtimegetaways
    Answered on May 28, 2016 at 12:36 PM

    I have reviewed that link and it doesn't cover how to create two rows in the configurable list. It only shows how to create multiple columns on one row. 

  • Profile Image
    Welvin
    Answered on May 28, 2016 at 02:30 PM

    If you need it to be like this: https://form.jotform.com/61485984686981. Inject the following custom CSS codes to the CSS box of the widget:

    td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10 {

    display: inline-block;

    float: left;

    padding: 20px 5px 1px 1px;

    }

    td.col1, td.col2, td.col3, td.col4, td.col5, td.col6, td.col7, td.col8, td.col9, td.col10 { 

    width: 19%; 

    }

    td.col11 { 

    position: relative; 

    top: 18px;

    }

     


    Let us know if you need any further assistance.