Star Slider: place question above the stars | XM Community
Skip to main content
Hi,

I'm looking for a way to ask long questions in combination with a star slider.

Standard; the space for the text is very limited, so if you type a long question it appears on many lines.

I found this:

https://www.qualtrics.com/community/discussion/comment/3133#Comment_3133

that works great on desktop to combine long questions with the star slider;

however on mobile it becomes completely unusable.

So I thought, maybe a solution would be to make the question text appear above the stars, instead of next to them.

Is there a way to do that?

Thanks,

Joyca
Try:

```

Qualtrics.SurveyEngine.addOnload(function() {

jQuery("#"+this.questionId+" tr").each(function() {

var row = jQuery(this);

var th = row.before("<tr></tr>").find("th").attr("colspan","4").css("text-align","left");

row.prev("tr").append(th);

});

});

```
Thanks @TomG, it works 😀

Has anyone managed to do this and reduce the gap between the stars and the statements, currenltly mine has large gaps which when it’s on a website/app feedback means for a lot of scrolling!

 

 

@RyanBal Use this code, it will remove the additional padding

Qualtrics.SurveyEngine.addOnload(function() {
    jQuery("#" + this.questionId + " tr").each(function() {
        var row = jQuery(this);
        var th = row.before("<tr></tr>").find("th").attr("colspan", "4").css({
            "text-align": "left",
            "padding-bottom": "0px",
            "margin-bottom": "0px"
        });
        row.prev("tr").append(th);
    });

});

 

Leave a Reply


Terms & Conditions