I've got another little design adjustment I want to do.
I want to color the radio buttons in the last/non-answer column grey.
I need to adjust the class radio-item label:before for this purpose. But I'm not sure how I make sure this is only applied to the last column.
Code:
.radio-item label::before {
border: 2px solid #6E748C;
background-color: #C6C6C6;
}
In the developer mode the class is attached to this:
I've been trying something like this:
Code:
$(document).on('ready pjax:scriptcomplete',function(){
$('.array-flexible-row.inserted-spacer-question').each(function(e) {
// Identify some elements
var thisQuestion = $(this);
var thisTable = $('table.subquestion-list', thisQuestion);
// Adjust column widths
var spacerWidthPercent = 4;
var labelWidth = ($('col:first', thisTable).width()/$('colgroup:first', thisTable).width())*100;
var answerWidth = (100-labelWidth-spacerWidthPercent)/$('col:gt(0)', thisTable).length;
$('col:gt(0)', thisTable).width(answerWidth+'%');
// Insert some elements
$('col:last', thisTable).before('<col class="inserted-spacer">');
$('thead th:last-child, tr.ls-heading-repeat th:last-child', thisTable).before('<th class="inserted-spacer" />');
$('tbody td.answer-item:last-child', thisTable).before('<td class="inserted-spacer" />');
//$('col:last', thisTable).addClass('radio-item-nr');
});
});
I renamed the class to radio-item-nr, so it wouldn't overwrite the radio-item class elsewhere.
But this doesn't work. I assume that's because I'm trying to attach it at the wrong point?
