Can you help with CSS on Configurable list?

I would like my configurable list on the form below to be as follows:

Line1: Item Evaluation Weight Percentage               Rating

Line2: Responsibility/Goal

Line 3: Summary of actual performance results

It seems the form in the link that you shared has a card form layout. I am afraid it is not possible to inject custom CSS code in the card form layout.

However, the screenshot looks like a classic form. Could you please share the URL of the form which is in the screenshot so we can give you CSS code?

Please try injecting these custom CSS codes to the widget:

.checkbox, .radio {

float:left;

margin-left:10px;

}

#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;}

Here's a quick guide:

Please try that and let us know how it goes.