configurable list widget vertical

  • khmerrat
    Asked on December 16, 2020 at 4:24 AM

    Hi, how can I order the object in field vertically? Could you please advice? Thank you

  • Richie JotForm Support
    Replied on December 16, 2020 at 4:40 AM

    You can add this custom CSS in your configurable list widget

    #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;}

    Guide:https://www.jotform.com/help/428-how-to-inject-css-codes-to-widgets

    Please give it a try and let us know how it goes.