Support CSAT Question Configuration

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);

		}
		});
		});

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. 

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.