How can I apply colour to alternate rows within a matrix table? | XM Community
Skip to main content
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
I would also be interested in knowing the answer to this question. Thank you. Philipp
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: !
Cool. That worked. Thank you. Philipp
It worked! Many thanks. Patrizia

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.

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

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.

It worked!!!

Thank you very much!

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