Hi there,
I am trying to change the order of the smiley faces to bring the sad face to the right side with a value of 5 but cannot find a way to do this.
Could you please help?
Many thanks,
Kirsten
Hi there,
I am trying to change the order of the smiley faces to bring the sad face to the right side with a value of 5 but cannot find a way to do this.
Could you please help?
Many thanks,
Kirsten
Hello Kirsten,
Thank you for the update. If you wish to reverse rating items for a particular survey question, you can apply a custom CSS which adds the flex-direction: row-reverse
CSS style to a rating scale fieldset
. Consider the following demo: View Plunker.
CSS.rating-reverse fieldset[role="radiogroup"] {
flex-direction: row-reverse;
}
JavaScriptsurvey.onUpdateQuestionCssClasses.add((sender, options) => {
if(options.question.name === "painRating"){
options.cssClasses.content += " rating-reverse";
}
});
Let me know if this option works for you.
Hello Kirsten,
Thank you for sharing your usage scenario. Unfortunately, a Rating scale doesn't have an option to reverse the order of smiley faces and display the sad face on the rightmost position (typically where the happy face is) and vice versa. Would you please clarify whether you wish to reverse the smiley order for a specific Rating scale question within your form or for all Rating questions?
Thanks Jane,
Pain scales in healthcare follow the format below with no pain on the left and severe pain on the right. This is the only question in the assessment that needs this reverse order. We have one other rating scale with higher stars on the right side, the question is 'How well do you understand your problem' and it's confusing to the user to have two scales acting differently. Is there no way around this please?
Many thanks,
Kirsten