Hide question text and make label appear above stars at same time | XM Community
Solved

Hide question text and make label appear above stars at same time

  • 8 December 2023
  • 3 replies
  • 68 views
T
Rank
Userlevel 3
Badge +3

Hello everyone, 

Do you know if there is any way to reduce space here above de stars question (see below) I don’t need the question text. 

And FYI I already have JavaScript in this question to display label above the stars : 

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

 

icon

Best answer by Deepak 8 December 2023, 22:36

View original

3 replies

Deepak
Rank
Userlevel 7
Badge +36

@Tata C 

Add this to your JS

jQuery("#"+this.questionId+" .QuestionText").hide();

 

T
Rank
Userlevel 3
Badge +3

Hello @Deepak 

Thank you for your answer !

 

I have another question as you can see below I have a huge space between question label and stars do you know how can I reduce this space ? 

FYI information I already have this JavaScript (below) in order to have the stars all the way to left : 

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

 

 

Deepak
Rank
Userlevel 7
Badge +36

@Tata C 

Try including below in custom CSS in look and feel.

.Skin .STAR .Stars tbody tr:first-child, .Skin .horizontalbar th.ylabel {
    display: none;

}

Hope it helps!

Leave a Reply


Terms & Conditions