Make Likert scale Questions responsive in desing on a mobile device | XM Community
Skip to main content
We 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.!
You 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/
@Lubna,



You can use an NPS question and change the scale using this script:

https://gist.github.com/marketinview/c941fc59b7ddaef8ba3b
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.
> @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");
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:



!
> @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
Thank you Sashi.



I appreciate all the help.



Lubna
> @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:

!
@TomG



Thanks, that was simple.

Hi 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

hadard,
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


Terms & Conditions