-
avleadsAsked on January 26, 2016 at 1:03 PM
-
BenReplied on January 26, 2016 at 1:30 PM
You could use a CSS similar to the previous one. This would be the complete CSS:
table#list {
width: 100%;
}
#list th {
display: none;
}
#list td {
display: inline-block;
}
td:before {
font-weight: bold;
}
.col1 select:before, .col2 select:before, .col3 select:before, .col4 select:before {
color: red;
content: "*";
}
td.col1:before {
content: "Technician ";
}
td.col2:before {
content: "Calendar ";
float: left;
margin-right: 0.5em;
}
td.col3:before {
content: "Time In ";
}
td.col4:before {
content: "Time Out ";
}
td.col1 {
width: 220px;
}
td.col2 {
width: 300px;
}
td.col3 {
width: 200px
}
td.col1 > select {
width: 140px;
}
.col5.buttonsColumn {
margin-left: 110px;
}
#list tr {
display: block;
margin-bottom: 20px;
}As before, this CSS should go to your Configurable List widget.
This is how it should look after adding it: