-
catbahaicampAsked on January 29, 2018 at 11:57 PM
Hi Folks,
I'm working on a configurable list that I had working, but added a new option and messed it up. The list is configured thus:
Attendee Name : textbox: First & Last Name
Vegan: checkbox
Vegetarian : checkbox
Tree Nuts : checkbox
Peanuts: checkbox
Dairy: checkbox
Gluten: checkbox
Eggs: checkbox
Other : textarea : Any other allergies please specify
And here's my css:
table#list {
width: 100%;
}
#list th {
display: none;
}
#list td {
display: inline-block;
}
td {
float: left;
margin: 0;
display: block;
min-height: 50px;
box-sizing: border-box;
padding-right: 2%
}
td:before {
display:block;
}
.col1 select:before, .col2 select:before, .col3 select:before, .col4 select:before, .col5 select:before, .col6 select:before, .col7 select:before, .col8 select:before, .col9 select:before {
color: white;
content: "*";
}
td.col1:before { content: "Attendee Name";}
td.col2:before { content: "Vegan";}
td.col3:before { content: "Vegetarian";}
td.col4:before { content: "Tree Nuts";}
td.col5:before { content: "Peanuts";}
td.col6:before { content: "Dairy";}
td.col7:before { content: "Gluten";}
td.col8:before { content: "Eggs";}
td.col9:before { content: "Other";}
td:before {
font-weight: bold;
}
tr {
color: rgb(195, 195, 195);
}
input[type="checkbox"], select, .stepper-wrap input.stepper { width: 100%; }
span select { width: 20%; }
input[type="text"], select, .stepper-wrap input.stepper { width: 100%; }
span select { width: 30%; }
-
Nik_CReplied on January 30, 2018 at 4:35 AM
I checked your Configurable list field:
And it seemed fine.
Could you please tell us what would you like to be adjusted there?
Thank you!
-
catbahaicampReplied on January 30, 2018 at 11:23 PM
ha! that's so crazy. i don't know what happened. well, it's working now, so thanks! sorry for bugging you :)