Configurable List: would like questions to be listed vertically

  • cipressreader
    Asked on June 24, 2019 at 5:43 PM

    I have a configurable list on my form, but there are many questions on the list, and it extends past the page. Would you be able to help me set it vertically? 

    Thank you kindly, 

    Dee

  • David JotForm Support Manager
    Replied on June 24, 2019 at 6:33 PM

    Thank you for contacting us, it is possible to show the fields vertically, please inject the following CSS code inside the CSS area of your Configurable List widget: https://www.jotform.com/help/428-How-to-Inject-CSS-Codes-to-Widgets

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

    Example:

    1561415568configurablelist Screenshot 10

    Let us know if you need more help, we will be glad to assist you.