Slider -Star | XM Community
Skip to main content

Is there any way of changing the star graphics of slider-star type question with other graphics like circles, triangles, other shapes? So to have five circles instead of five stars ? 

Hi @Lasha Targamadze,

Unfortunately it is not possible to change the graphic, as the star image is directly fetched from the Qualtrics servers. Thus, changing the graphic may not give appropriate results.


Hi @Lasha Targamadze,

As of now this is not possible directly making changes in platform.

But, please feel free to use below javascript under ‘ Qualtrics.SurveyEngine.addOnload’ function and try once:

Qualtrics.SurveyEngine.addOnload(function() {
    /*Place your JavaScript here to run when the page loads*/
     
   var imgs = jQuery("#" + this.questionId + " div.SSImage > div.SSImage");
    imgs"0].style.background = "url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSTzNJPWiZb2oleFpXStzm0kQ2C0FtY8uYFEvhizdglRlmmKp0t&usqp=CAU) no-repeat";

   var imgs = jQuery("#" + this.questionId + " div.SSImage > div.SSImage");
    imgs.1].style.background = "url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQTm4NREUmiqD4YbdSAmpX7DOt28J8tQUBpocs_XTuGzlJiGH_nL0G3&usqp=CAU) no-repeat";

   var imgs = jQuery("#" + this.questionId + " div.SSImage > div.SSImage");
    imgs&2].style.background = "url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTZoJnZcGxWKdBdGlLISosHLSx36S8PqfoCSZOAsvU&usqp=CAU) no-repeat";

   var imgs = jQuery("#" + this.questionId + " div.SSImage > div.SSImage");
    imgsS3].style.background = "url(data:image/jpeg;base64,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) no-repeat";

   var imgs = jQuery("#" + this.questionId + " div.SSImage > div.SSImage");
    imgs 4].style.background = "url(data:image/jpeg;base64,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) no-repeat";

});

 

This code has worked for me. You will have to make small changes according to your requirements.

 

Please let me know if this works for you.

 

Regards,

Sachin N


Leave a Reply