Side by side: How to remove the top table header border | XM Community
Skip to main content

Side by side: How to remove the top table header border

  • September 23, 2022
  • 5 replies
  • 378 views

Forum|alt.badge.img+2

Hello Community,
I'm working with side by side question and I'm trying to remove the the extra lines (borders) of the top table header.

Thank you!

image.png

5 replies

TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5935 replies
  • September 23, 2022

Qualtrics.SurveyEngine.addOnload(function() {
jQuery("#"+this.questionId+" tr.Headings").hide();
});


Forum|alt.badge.img+2
  • Author
  • 34 replies
  • September 23, 2022

Hi TomG Thank you for answering however how about by using CSS


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5935 replies
  • September 23, 2022

You could use CSS, but it is more complicated, especially if you want it to only apply to a specific question. From your post, I have no way of knowing what other SBS questions are on the page or in the survey.


Forum|alt.badge.img+2
  • Author
  • 34 replies
  • September 23, 2022

Hi TomG, thank you for response however the requirement is to create a css to hide the extra lines(border). Here's some id and classes that I'm working on in side by side. Thank you

image.png


TomG
Level 8 ●●●●●●●●
Forum|alt.badge.img+27
  • Level 8 ●●●●●●●●
  • 5935 replies
  • September 24, 2022

#QID5 tr.Headings { display:none; }


Leave a Reply