+2I’m trying to create a matrix table with bipolar scale with pairs of opposing adjectives with 5 different points in between, for the participants to tick the dot closest to what they believe.
The problem I am facing is that I would need those dots to have a number on them (1-5) but when selecting the bipolar scale, there is no option to add a title/name/number above the dots.
Would any of you be able to help me with this?
Best answer by helenansr
Hi, thanks so much for the reply. I’m not sure about javascript and things like that but I think I’ve found a way:
Since my scale points names /numbers change depending on the question or adjective pair, I’ve made a separate matrix table per statement, so I can change the labels accordingly. Hoping this will work fine. I appreciate the help though.
+11Try the below in he question Javascript.
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place your JavaScript here to run when the page loads*/
jQuery("#"+this.questionId+" label.q-radio").css({
"width":"100%",
"height":"100%",
"line-height":"100%",
"cursor": "pointer",
"transition": "background .2s ease-in-out",
"padding": "4px",
"display": "block",
"text-align": "center",
"-webkit-border-radius": "4px",
"-moz-border-radius": "4px",
"-ms-border-radius": "4px",
"-o-border-radius": "4px",
"border-radius": "4px"
});
this.questionclick = function(event,element)
{
jQuery("#"+this.questionId+" label.q-radio").css("color","black");
jQuery("#"+this.questionId+" label.q-radio.q-checked").css("color","white");
}
jQuery("#"+this.questionId+" td:nth-child(1) > label").html("+5");
jQuery("#"+this.questionId+" td:nth-child(2) > label").html("+4");
jQuery("#"+this.questionId+" td:nth-child(3) > label").html("+3");
jQuery("#"+this.questionId+" td:nth-child(4) > label").html("+2");
jQuery("#"+this.questionId+" td:nth-child(5) > label").html("+1");
jQuery("#"+this.questionId+" td:nth-child(6) > label").html("+1");
jQuery("#"+this.questionId+" td:nth-child(7) > label").html("+2");
jQuery("#"+this.questionId+" td:nth-child(8) > label").html("+3");
jQuery("#"+this.questionId+" td:nth-child(9) > label").html("+4");
jQuery("#"+this.questionId+" td:nth-child(10) > label").html("+5");
});
Make sure the question properties are as below.
Also add labels as below.
The below will be the output
Kind regards,
Praveen
+2Hi, thanks so much for the reply. I’m not sure about javascript and things like that but I think I’ve found a way:
Since my scale points names /numbers change depending on the question or adjective pair, I’ve made a separate matrix table per statement, so I can change the labels accordingly. Hoping this will work fine. I appreciate the help though.
+11No worries.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
