Configurable List: would like questions to be listed vertically

  • Profile Image
    cipressreader
    Asked on June 24, 2019 at 05: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

  • Profile Image
    BDAVID
    Answered on June 24, 2019 at 06: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.gif

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