Circle the selected answer | XM Community
Skip to main content

In my survey I use a question with smilley as modalities. I apply a custom css so that there is no gray background displayed :
.Skin #QID19 label.SingleAnswer.q-checked{background-color:#ffffff; border-color:#009ee0;}
On the other hand, I would like to keep the modality surrounded with border-color so that if the respondent goes back, he will know which modality he has selected. It doesn't seem to be working. The background remains well selected but not the border.
How can I do this? Thank you

Hi there, if you still need, this can be put in place by grabbing the CSS for the .q-focused class (when an answer is selected and in focus) and adding it to the .q-checked class (when an answer is selected). For Classic layout, try adding the below CSS to the Style section of the survey's Look & Feel. Slider included in the picture to show respondent moved on from MC question and q-focused border still in place. 
.Skin label.MultipleAnswer, .Skin label.SingleAnswer {
    background: #ffffff !important;
}

.Skin label.MultipleAnswer.q-checked, .Skin label.SingleAnswer.q-checked {
    background: #ffffff !important;
    box-shadow: 0 0 0 3px activeborder !important;
    outline: #0ea7ff auto 5px !important;
}
MC_outline.png


Thank you so much Tom_1842


Leave a Reply