I have been offline for some while.
Searching for a solution I found one of my old posts.
I can see that people searched for the same solution -
Changing the radiobox / checkboxes to buttons.
Therefore hereby an update to achieve this with v2.51.3 when using the default template.
You can do the following in v2.51.3 when using the default template.
Create a list radio question.
Just overwrite some css in the question's source.
Add the following style in the source:
Code:
<style type="text/css">/* Add box around answer option */
input[type=radio] + label+div::before { font-family: FontAwesome; content: "\f06a";}
input[type=radio]:checked +label+div::before { font-family: FontAwesome; content: "\f07a";}
input[type=radio] + label+div {
color: #ccc;
font-style: italic;
padding: 10px;
border: 1px solid #f1f1f1;
margin-left: -20px !important;
}
input[type=radio]:checked + label+div {
color: #f00;
font-style: normal;
padding: 10px;
border: 1px solid green;
margin-left: -20px !important;
}
.radio label::before {
visibility: hidden !important;
}
.radio label::after {
visibility: hidden !important;
}
</style>
See screenshot attached how it will look like.
Hope it can be useful again for somebody!
