How can I put labels on the first and last stars on a star type slider question | XM Community
Skip to main content
Question

How can I put labels on the first and last stars on a star type slider question

  • August 14, 2025
  • 4 replies
  • 69 views

Forum|alt.badge.img+1

Can someone please show me how can I put labels on top or bottom of the first and last stars of my question? I want to achieve something like this. I built this survey on Salesforce.

 

4 replies

kgillis
Level 6 ●●●●●●
Forum|alt.badge.img+30
  • Level 6 ●●●●●●
  • 144 replies
  • August 14, 2025

I am not aware of a way to do this with stars:
 

 

But if you change the “slider type” to slider then it allows you to add labels under the “format” section.

 

 


Sachin Nandikol
QPN Level 6 ●●●●●●
Forum|alt.badge.img+44
  • QPN Level 6 ●●●●●●
  • 531 replies
  • August 14, 2025

Hello ​@Cyborg,

You can't achieve this directly using the slider question type, as it doesn't support adding labels in the star format. One workaround is to switch to the slider type, where labels can be added, as suggested by @kgillis.

If you specifically want to use stars, another option is to use a multiple choice question type, display the choices horizontally, and use star symbols in the choice labels. You can also add text below the first and last options as needed. However, this approach may not be a perfect substitute.


Forum|alt.badge.img+1
  • Author
  • 1 reply
  • August 14, 2025

Thank you all for you reply.


Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Level 8 ●●●●●●●●
  • 909 replies
  • August 14, 2025

If using the New Survey Taking Experience and Star Sliders, the min and max value labels are already in a good position to be updated with Bad and Good labels. Try adding the below to question's JavaScript in the OnReady section:

Qualtrics.SurveyEngine.addOnReady(function()
{
/*Place your JavaScript here to run when the page is fully displayed*/
var minLabels = this.getQuestionContainer().querySelectorAll('.slider-min');
minLabels.forEach(label => {
label.textContent = 'Bad';
});

var maxLabels = this.getQuestionContainer().querySelectorAll('.slider-max');
maxLabels.forEach(label => {
label.textContent = 'Good';
});

});