Custom code for commentaries below stars scale

We can use in page display logic on a text entry added after the star rating question. We can also hide the question text of the text entry question using below code in the text entry question:

jQuery("#"+this.questionId+" .QuestionText").hide();

Hello @arezzo,

Follow these steps to achieve this:

1. After your Star Rating question, add one more question (Text Entry).
2. Set the question text as "Would you like to let us know why you gave an average answer?" (You can customize the text as needed).
3. Add display logic to this Text Entry question: "if Star Rating question is selected as 1, 2, or 3" and enable In-Page.

This setup won't look exactly like your screenshot, but it will be similar. If you want it to match the screenshot exactly, remove the question text from the Text Entry question. There will be some gap between both questions; you can use CSS to remove the gap.

Let me know if this helps.

Hello @arezzo, 

Yes, you'll need to utilize code for that purpose. Here's an example code snippet you can use:

.Skin .ChoiceStructure .QuestionText, .Skin .QuestionText {

padding: 0px; 

line-height: 0.6em;

}

.Skin .QuestionBody {

padding: 0 20px 0px 20px;

}

If you incorporate the code, it will appear as demonstrated in the screenshot below: