-
joedooley776Asked on June 8, 2020 at 4:48 AM
Hi,
I was wondering whether you could format the configurable list vertically as oppose to horizontally.
This would improve the look of my form.
Thanks, Joe Dooley.
-
Richie JotForm SupportReplied on June 8, 2020 at 7:54 AM
You can change the layout to vertical by adding this custom CSS inside the widget CSS
#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;}
Please check it out and let us know if you have further questions.