Solved
Make Likert scale Questions responsive in desing on a mobile device
+3We are trying to use the same survey questionnaire on mobile as well as desktop. The likert scale question appears horizontal on the desktop version but vertical on mobile. I need help to make it appear horizontal on mobile too. Attached is a screenshot for reference.!
Best answer by TomG
@Lubna,
You can use an NPS question and change the scale using this script:
https://gist.github.com/marketinview/c941fc59b7ddaef8ba3b
View original
+39You can try unchecking the "Mobile friendly" in question properties.
When this box is checked, the Matrix Table will display in the Accordion Format on mobile devices if the table is too large to fit on the screen. If the table is small, the question will display in Normal Format.
https://www.qualtrics.com/support/survey-platform/survey-module/mobile-survey-optimization/
+27@Lubna,
You can use an NPS question and change the scale using this script:
https://gist.github.com/marketinview/c941fc59b7ddaef8ba3b
+3Hi Tom,
Perfect. That solved hald my problem.
Could you please let me know how to change the anchor text from "Not at all Likely" to "Strongly Disagree" or on the same lines at both ends.
Thank you so much.
> @Lubna said:
> Hi Tom,
>
> Perfect. That solved hald my problem.
>
> Could you please let me know how to change the anchor text from "Not at all Likely" to "Strongly Disagree" or on the same lines at both ends.
>
> Thank you so much.
Thanks @TomG, that was very helpfull.
Hi @Lubna ,
Paste the below code in the js(onReady) of NPS question
jQuery("#"+this.questionId).find('th.First').text("Strongly Disagree");
jQuery("#"+this.questionId).find("th.Last").text("Strongly Agree");
+3Hi Shahsi,
I did paste the code, it did'nt work for me. My knowledge in JS and CSS is nil. Could you please tell me if the placement is right. screenshot given below:
!
> @Lubna said:
> Hi Shahsi,
>
> I did paste the code, it did'nt work for me. My knowledge in JS and CSS is nil. Could you please tell me if the placement is right. screenshot given below:
Delete everything in JS and just paste the attached code as it is
+27> @Lubna said:
> Hi Tom,
>
> Perfect. That solved hald my problem.
>
> Could you please let me know how to change the anchor text from "Not at all Likely" to "Strongly Disagree" or on the same lines at both ends.
>
> Thank you so much.
Just click on the labels and edit them:
!
1 person likes this
+3Hi TomG,
Thanks for sharing this solution. It is really helpful!
Do you have any ideas on how to add a "N/A" choice?
Thanks,
Hadar
+27hadard,
There isn't a good way to add N/A to an NPS question.
You might in interested the scaledMatrix function. It makes a Likert matrix look like an NPS question but has a lot more flexibility, including the ability to add an N/A answer.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.