I’m using the javascript code that @TomG kindly provided here to show a custom NPS question scale that runs from 0 to 6. It works beautifully.However, I’d like to put the words “Not bothering me” and “Bothers me greatly” plus an image below the scale at opposite ends. In other words, I don’t want any labels above the NPS question scale.Can anyone help this non programmer with altering TomG’s code below to do this? Many thanks.Qualtrics.SurveyEngine.addOnload(function() { //Market In View LLC //Change NPS question scale var scaleStart = 0; //Change - 0 or more and no greater than end var scaleEnd = 6; //Change - 10 or less and no less than start //No changes below var width = 100/(scaleEnd - scaleStart + 1) + "%"; var q = jQuery("#"+this.questionId); var cc = q.find('td.ControlContainer'); q.find('td.LabelContainer').each(function(index) { if(index<scaleStart || index>scaleEnd) { this.hide(); cc[index].hide(); } else { this.setAttribute('width', width); cc[index].style.width = width; } }); });

@Chris2023You need to just add two lines more to existing code before last closing bracket (“});”): var columnLabels = q.find('.ColumnLabels').detach(); q.find('tbody').after(columnLabels);Hope it helps!

I think I might not have provided enough information for someone to help.I have 2 labels that currently sit above an adapted NPS scale. I’ve used@TomG‘s code that changes the NPS scale from 10 to whatever number you want (thank you Tom).I’ve checked the code structure in a survey preview and the table element I want to move below the adapted NPS question scaleis called td.ColumnLabels.Because I have no experience with JavaScript, I’m not sure how to add code to Tom’s javascript above so I can do this.Can anyone help please?

CSS code to show labels below NPS question

CSS code to show labels below NPS question | Experience Community

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded