Multiple star sliders- how to set custom values

Hi @KimothiSaurabh, many thanks, it works!
As I want to have this question mobile friendly, have you got a code have values show above each star slider instead of the right side?

Thanks again

> @KimothiSaurabh said:
> @BettoLamacchia - That setup is mobile friendly by default bu if you still want values to be shown above starts, you can use this code:-
>
> Qualtrics.SurveyEngine.addOnReady(function()
> {
> /*Place your JavaScript here to run when the page is fully displayed*/
> jQuery('.ResultsInput').hide();
> jQuery('tbody .BarOuter').prepend("<div class='autoinsert'></div>")
> jQuery('.ResultsInput').on("change input",function()
> {
> var widthvalue = parseInt(jQuery(this).val());
> if (widthvalue==1)
> {
> jQuery(this).parent().parent().find('.autoinsert').html("Molto insoddisfatto");
> }
> if (widthvalue==2)
> {
> jQuery(this).parent().parent().find('.autoinsert').html("Insoddisfatto");
> }
> if (widthvalue==3)
> {
> jQuery(this).parent().parent().find('.autoinsert').html("Molto 3");
> }
> if (widthvalue==4)
> {
> jQuery(this).parent().parent().find('.autoinsert').html("Molto 4");
> }
> if (widthvalue==5)
> {
> jQuery(this).parent().parent().find('.autoinsert').html("Molto 5");
> }
> });
>
> });

Many thanks, that's great

You can create a span and fetch text from there. Put this span in you questions text So it would be like:-

<span class='rate5' style="display:none;">Molto 5</span>

jQuery(this).parent().parent().find('.autoinsert').html(jQuery('.rate5').html());