MAXDIFF ITEM SEPARATOR LINES (MATRIX) AND CHANGING HOVER COLOR | XM Community
Skip to main content
Solved

MAXDIFF ITEM SEPARATOR LINES (MATRIX) AND CHANGING HOVER COLOR

  • February 11, 2021
  • 1 reply
  • 44 views
M
Forum|alt.badge.img

Good day,
I'm currently working with a MaxDiff question (matrix). I'd sincerely appreciate anyone who can provide the code to place underline between each option and change the hover from grey to something else. Below is a picture of the lines I'd like. Thank you in advance.
MaxDiff Question (Matrix) Lines.png

Best answer by Tom_1842

Hi there, if you still need, this can be put in place by adding the below CSS to the Style section of the survey's Look & Feel:
.ChoiceRow td {
    border-bottom: 1px solid lightgray;
}

.ChoiceRow th {
    border-bottom: 1px solid lightgray;
}

.Matrix table{
border-collapse:collapse !important;
}

.Skin .ChoiceRow:hover {
background-color: rgb(255, 204, 203) !important;
}
MaxDiff_RowStyling1.png

1 reply

Tom_1842
Level 8 ●●●●●●●●
Forum|alt.badge.img+28
  • Tom_1842
  • Level 8 ●●●●●●●●
  • Answer
  • November 3, 2022

Hi there, if you still need, this can be put in place by adding the below CSS to the Style section of the survey's Look & Feel:
.ChoiceRow td {
    border-bottom: 1px solid lightgray;
}

.ChoiceRow th {
    border-bottom: 1px solid lightgray;
}

.Matrix table{
border-collapse:collapse !important;
}

.Skin .ChoiceRow:hover {
background-color: rgb(255, 204, 203) !important;
}
MaxDiff_RowStyling1.png

Terms & ConditionsAccessibility statement