Support CSAT Question Configuration | XM Community
Skip to main content

Hello all, 

I am setting up our Support CSAT survey, and the first question is rating the service of the associated Support agent. 1-5 stars, 1 being the worst and 5 being the best. 

We uploaded custom images through the rich context editor. When an answer is selected, I want the previous stars to highlight as well. Indicating to the customer how many stars were selected. So for example, if you selected 4 stars, it would auto highlight 4 stars. Any ideas on how to do this? 

 

(currently, it only selects one option) 

 

frustratingly, we have had to implement a lot of custom coding. Hoping there is a solution someone has found to do this. Perhaps modifying a “slider” question option? 


@JAmbuehl I feel someone posted something similar recently and CSS code was used to solve - unfortunately I can’t seem to locate it for you.

An older post which might get you part way, which does modify a slider question with stars.  Add scale labels to stars type slider question | XM Community (qualtrics.com)

 


Hi @JAmbuehl You can try using the setup as shown in image below.
 

 


You could use the slider type of question provided by Qualtrics


you need to use slider question, in slider type dropdown select the star, this should solve your problem.


@JAmbuehl 

If you just want to enable the options perhaps including a JavaScript like below could help.

This could be modified ahead to deselect options as well, but just to give you a go ahead.

Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("#" + this.questionId + " input").change(function(){
var checked= jQuery('input:checked').length
for(let i=0;i<checked;i++){
jQuery('input').eq(i).prop("checked",true);

}
});
});

 


You could use the slider type of question provided by Qualtrics

The issue with this is the coloring / size of the stars. We are wanting the stars to be more prominent and to match our coloring. Which I dont see any easy way to do on the slider question. 


@JAmbuehl

If you just want to enable the options perhaps including a JavaScript like below could help.

This could be modified ahead to deselect options as well, but just to give you a go ahead.

Qualtrics.SurveyEngine.addOnload(function()
{
jQuery("#" + this.questionId + " input").change(function(){
var checked= jQuery('input:checked').length
for(let i=0;i<checked;i++){
jQuery('input').eq(i).prop("checked",true);

}
});
});

 

Appreciate the start with this! going to touch base with my team and see if this is an option. 


Leave a Reply