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:

 

Leave a Reply


Terms & Conditions