!
Best answer by NiC
View original
Making the NPS options smaller
I notice that when using a dynamic theme, the NPS options appear to be cramped together. Is there a way to make the options smaller such that there is a gap in between every option?
!
!
Userlevel 7
+27
Hi @chrissien ,
You can use the following code in the NPS Question (JS inside addOnload / addOnready function) to add space between the buttons:
if (window.matchMedia('(max-width: 480px)').matches) {
jQuery('label.SingleAnswer[id*="'+this.questionId+'"]').css({"padding-right": "0px","padding-left": "0px","height": "38px", "width": "20px"});
}
Here is a preview link of how this looks:
https://ugamsandbox.ca1.qualtrics.com/jfe/preview/SV_7Oj5oVmCKWGfF3f?Q_SurveyVersionID=current&Q_CHL=preview
You can use the following code in the NPS Question (JS inside addOnload / addOnready function) to add space between the buttons:
if (window.matchMedia('(max-width: 480px)').matches) {
jQuery('label.SingleAnswer[id*="'+this.questionId+'"]').css({"padding-right": "0px","padding-left": "0px","height": "38px", "width": "20px"});
}
Here is a preview link of how this looks:
https://ugamsandbox.ca1.qualtrics.com/jfe/preview/SV_7Oj5oVmCKWGfF3f?Q_SurveyVersionID=current&Q_CHL=preview
This works! Thanks so much NiC!
Leave a Reply
Enter your username or e-mail address. We'll send you an e-mail with instructions to reset your password.