Custom code for commentaries below stars scale | XM Community
Skip to main content

Hi people.

 

Is it possible to adjust whenever a customer chooses 1-3 stars, open a box below the item to leave a comment specific about that subject?

 

Like this:

 

you can add a text question and set a display logic. 


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();

 


I’ve tried to do both suggestions, but they didn’t work.


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.


Hi, well, I need it to be exactly like the screenshot.

Is it necessary a css code?


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:

 


Leave a Reply