Remove Individual Question Separators | XM Community
Skip to main content
Solved

Remove Individual Question Separators

  • August 14, 2021
  • 4 replies
  • 673 views
J
Level 2 ●●
Forum|alt.badge.img+5

Hi there. I'm wondering if there's a way to remove the question separator line between two specific questions (not from the entire survey).
The reason I ask is because there's still no option to add a 'comments about your answer' after a multiple choice question. There are two options consistently offered in these forums: a) Using an extra choice with text enty forces the question to be non-exclusive (bad); and b) making the 'comments about your answer' a separate text box question after the multiple choice question. The problem with option B is that then it looks like a separate question, which messes with the user's flow. So I'm wondering if there's a way to use custom css to tell the survey not to show the question separator after question / before question y.
(And this post can be considered another person voting for an option to collect comments after multiple choice questions, it's such a common need.)
Thanks!

Best answer by jinx

Never mind, got the answer on another thread.
Qualtrics.SurveyEngine.addOnReady(function() {
jQuery("#"+this.questionId).prev(".Separator").hide();
});

4 replies

J
Level 2 ●●
Forum|alt.badge.img+5
  • jinx
  • Author
  • Level 2 ●●
  • Answer
  • August 14, 2021

Never mind, got the answer on another thread.
Qualtrics.SurveyEngine.addOnReady(function() {
jQuery("#"+this.questionId).prev(".Separator").hide();
});

B
B
Forum|alt.badge.img+1

https://community.qualtrics.com/XMcommunity/discussion/comment/39778#Comment_39778Will this remove the separator from before or after the question you put the script in?

R
Level 4 ●●●●
Forum|alt.badge.img+11
  • Rod_Pestell
  • Level 4 ●●●●
  • November 19, 2021

Removing, the padding-bottom part of the question is also something I try to do aswell if you want to make two questions look like 1.

I've had some success useing jQuery to remove it but something it doesn't work and I don't know why as the coding either works or doesn't. eg. one extra space or dot in the wrong place and the code doesn't work but it doesn't tell you what's wrong so you are left guessing most of the time! :(

Thanks

Rod Pestell

R
Level 4 ●●●●
Forum|alt.badge.img+11
  • Rod_Pestell
  • Level 4 ●●●●
  • November 23, 2021

aha! I have an answer to hide the padding.... you have to use the .find( method.

jQuery("#"+this.questionId).find(".QuestionText").css("padding-bottom","0px");

Hope that helps

Thanks

Rod Pestell

Terms & ConditionsAccessibility statement