In version 2.67.x, you can convert a list-radio question to thumbs up/down via CSS as follows:
1) Give the question a class "thumbs-question"
2) Add something like this to the end of template.css
To handle the "scoring", you will likely need to use assessments and load equation questions with the values. See "Qcode.value - manual.limesurvey.org/Expression_Manager#Access_to_Variables
1) Give the question a class "thumbs-question"
2) Add something like this to the end of template.css
.thumbs-question .answer-container {
padding-top: 1em;
}
.thumbs-question .radio label, .checkbox label {
min-height: 48px;
line-height: 48px;
margin: 10px 0;
}
.thumbs-question .radio label::before {
background-color: transparent;
border: 0 none;
border-radius: 0;
height: auto;
width: auto;
left: 0;
transition: all 0.15s ease-in-out 0s;
font-family: FontAwesome;
font-size: 48px;
content: "\f164";
color: #CCC;
}
.thumbs-question .radio-list .answer-item.radio:nth-child(2) label::before {
content: "\f165";
}
.thumbs-question .radio label:hover::before {
color: #b9cc14;
opacity: 0.5;
filter: alpha(opacity=50);
}
.thumbs-question .radio-list .answer-item.radio:nth-child(2) label:hover::before {
color: #e75041;
}
.thumbs-question .radio input[type="radio"]:checked + label::before {
color: #b9cc14;
outline: none !important;
opacity: 1;
filter: alpha(opacity=100);
}
.thumbs-question .radio-list .answer-item.radio:nth-child(2) input[type="radio"]:checked + label::before {
color: #e75041;
}
.thumbs-question .radio label::after {
display: none;
}To handle the "scoring", you will likely need to use assessments and load equation questions with the values. See "Qcode.value - manual.limesurvey.org/Expression_Manager#Access_to_Variables
