How can I apply colour to alternate rows within a matrix table? | XM Community
Skip to main content
Solved

How can I apply colour to alternate rows within a matrix table?

  • May 21, 2019
  • 9 replies
  • 1691 views
P
Forum|alt.badge.img+2
Hi everyone, Does anyone know the code for applying colour to alternate rows within a matrix table? It seems that the new look & feel menu does not allow anymore to make this change through the available options to select. Many thanks, Best, Patrizia

Best answer by jainshubham

Hi @Pat87 You would need to add the below code under Look&Feel>Style>Custom CSS. tr.ChoiceRow{ background-color:#F0F0F0; } tr.ChoiceRow.ReadableAlt{ background-color:white; } Here's the result you will achieve with this code: !
TusharDalwani
A

9 replies

P
  • Philipp
  • May 21, 2019
I would also be interested in knowing the answer to this question. Thank you. Philipp
jainshubham
QPN Level 2 ●●
Forum|alt.badge.img+3
  • jainshubham
  • QPN Level 2 ●●
  • Answer
  • May 21, 2019
Hi @Pat87 You would need to add the below code under Look&Feel>Style>Custom CSS. tr.ChoiceRow{ background-color:#F0F0F0; } tr.ChoiceRow.ReadableAlt{ background-color:white; } Here's the result you will achieve with this code: !
Y
P
Y
P
  • Philipp
  • May 21, 2019
Cool. That worked. Thank you. Philipp
P
Forum|alt.badge.img+2
  • Pat87
  • Author
  • May 21, 2019
It worked! Many thanks. Patrizia
DiegoMejia
Level 2 ●●
Forum|alt.badge.img+10
  • DiegoMejia
  • Level 2 ●●
  • November 4, 2020

jainshubham thank you very much, it worked for the matrix table!
I would like to do the same for a "side by side" type of question but I couldn't. Any idea? I would appreciate it, thanks in advance.

N
  • Nadi
  • February 17, 2021

Hi,
How do I apply this style to text entery questions as well?
When i use The Form option.

A
Level 7 ●●●●●●●
Forum|alt.badge.img+22
  • ahmedA
  • Level 7 ●●●●●●●
  • February 17, 2021

https://www.qualtrics.com/community/discussion/comment/34625#Comment_34625Could you please ask a new question. It will help others to find the answer later.

S
Level 2 ●●
Forum|alt.badge.img+2
  • ShulaGrin
  • Level 2 ●●
  • May 1, 2023

It worked!!!

Thank you very much!

C
QPN Level 1 ●
Forum|alt.badge.img+2
  • cmlumber1
  • QPN Level 1 ●
  • June 26, 2023

Hi. I use the coding above for alternate row shading in matrix, and it worked when I hover my mouse over a row, but when I don’t hover, the entire matrix is white, there is no shading. Here is the code I used and the screenshot.

tr.ChoiceRow{
background-color:#DCD5E5;
}
tr.ChoiceRow.ReadableAlt{
background-color:white;
}
 

With no hover:

 

With hover:

 

Terms & ConditionsAccessibility statement