Can I somehow add fields/functions in a second row in the Configurable form widget?

  • louisechainformation
    Asked on January 23, 2019 at 6:06 AM

    Hi 

    I need to have more fields/functions in this widget than can be fitted to the width of one row.

    Can I somehow add fileds/functions in a second row? 


    Cheers

    /Anders 

  • Girish JotForm Support
    Replied on January 23, 2019 at 7:26 AM

    This is possible if you add the below code into your Configurable List widget CSS section:

    #list tbody:first-child > tr:first-child {display: none;} #list {width: 100%; border-collapse: collapse;} #list tbody:first-child > tr > td{display:block; padding: 6px 0;} #list tbody:first-child > tr + tr + tr {border-top: 1px solid #ccc;} #list > tbody:first-child tr td.col1 {padding-top: 20px;} .mobileColumnName {display: inline-block; padding-bottom: 4px; width: 40%; box-sizing: border-box;} .mobileColumnName + input, .mobileColumnName + textarea, .mobileColumnName + select, .mobileColumnName + .radio-container, .mobileColumnName + .checkbox-container, .mobileColumnName + .dateContainer {width: 60%; display: inline-block; box-sizing: border-box; vertical-align:top; box-shadow:none;} .buttonsColumn {text-align: right;}

    You can refer to this guide - How-to-Make-the-Configurable-List-Widget-Mobile-Responsive for more details.

    1548246074Screenshot 1 Screenshot 10