-
cipressreaderAsked 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
Page URL: https://form.jotform.com/91746669321263 -
David JotForm Support ManagerReplied 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:
Let us know if you need more help, we will be glad to assist you.