Removing white space in matrix table using custom CSS code | XM Community
Skip to main content
Question

Removing white space in matrix table using custom CSS code

  • October 12, 2023
  • 5 replies
  • 172 views

Forum|alt.badge.img+1

Can anyone share the custom CSS code that will remove the white space between the section header (question) and statements (rating labels) in a standard likert matrix table? I appreciate any help you can provide.

5 replies

Shashi
Level 8 ●●●●●●●●
Forum|alt.badge.img+34
  • Level 8 ●●●●●●●●
  • 654 replies
  • October 12, 2023

Try using below code in the onReady function of the matrix question:

jQuery("#"+this.questionId+" .QuestionText ").css("padding-bottom","0px");
jQuery("#"+this.questionId+" tr.Answers th").css("padding-top","0px");

 


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • October 12, 2023

Thanks, Sashi! I tried pasting this code exactly as shown above but it did not remove the whitespace. Am I missing a step? I appreciate your help.

 


Shashi
Level 8 ●●●●●●●●
Forum|alt.badge.img+34
  • Level 8 ●●●●●●●●
  • 654 replies
  • October 12, 2023

Can you highlight using a screenshot on which white space you want  to remove?


Forum|alt.badge.img+1
  • Author
  • 2 replies
  • October 12, 2023

 


Nam Nguyen
QPN Level 8 ●●●●●●●●
Forum|alt.badge.img+29
  • QPN Level 8 ●●●●●●●●
  • 1096 replies
  • October 15, 2023

 

@Mweiss It’s a matrix table, so the space that you want to remove is actually a part of the table. It’s not a white space it’s actually a cell that has no value in it. You can’t really remove it