Hi Everyone
I hope I have posted in the right area. We have an NPS question with labels for 1 and 10 only - 'Poor' and 'Very Good'. My problem is that the labels don't sit over 1 and 10 as intended, but sit out to the far left and right, with Very Good sitting over N/A. I've listed below the various code used to achieve the current layout - are we going about this the right way?
Desktop preview:
Mobile preview:
We've used the above layout to ensure the rating fits to mobile screens horizontally rather than vertically, which has been an issue with a previous matrix likert layout, as well as avoiding a horizontal scroll bar:
JS to change numbers from 0-10 to 1-N/A:
/*Place your JavaScript here to run when the page loads*/jQuery("#"+this.questionId+"-0-label").html("-5");
jQuery("#"+this.questionId+"-0-label").html("1");
jQuery("#"+this.questionId+"-1-label").html("2");
jQuery("#"+this.questionId+"-2-label").html("3");
jQuery("#"+this.questionId+"-3-label").html("4");
jQuery("#"+this.questionId+"-4-label").html("5");
jQuery("#"+this.questionId+"-5-label").html("6");
jQuery("#"+this.questionId+"-6-label").html("7");
jQuery("#"+this.questionId+"-7-label").html("8");
jQuery("#"+this.questionId+"-8-label").html("9");
jQuery("#"+this.questionId+"-9-label").html("10");
jQuery("#"+this.questionId+"-10-label").html("N/A");
I've searched and tried various things without luck so would really appreciate any help.
Thanks in advance.
Page 1 / 1
I have found a way to do this. Please ignore.
Leave a Reply
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.