Attempt to draw line down middle of bipolar matrix table with labels | XM Community
Solved

Attempt to draw line down middle of bipolar matrix table with labels

  • 30 May 2019
  • 1 reply
  • 16 views

Hi,

I'm trying to create a bipolar matrix table with labels that has a line down the center. I've written the following css:
<style type="text/css">
td:nth-child(8), th:nth-child(8)
{
border-left: solid 1px;
}

.Skin .QuestionBody table.ChoiceStructure {
border: solid 1px;
}

.Skin .Matrix td.ColumnLabels tr.SpreadLabels td.First, .Skin .Matrix td.ColumnLabels tr.SpreadLabels th.Last{
border-left: solid 1px;
}
</style>

This almost works, except the line between the labels doesn't line up with the line between the radio buttons. You can see a picture below.

!

I'd really appreciate any advice on this issue!
icon

Best answer by emilym 31 May 2019, 22:55

View original

1 reply

For anyone who may have a similar problem in the future: I ended up dropping the labels and instead using jQuery to add the labels to the individual table cells before the relevant radio buttons.

Leave a Reply