CSS for matrix table - add some space bellow radio buttons and style labels of rows | XM Community
Question

CSS for matrix table - add some space bellow radio buttons and style labels of rows

  • 3 April 2019
  • 3 replies
  • 31 views
fleb
Rank
Userlevel 5
Badge +6
  • fleb
  • Level 3 ●●●
  • 197 replies
Hi community,
I use matrix table with text of "row labels" above particular rows. I'd like to:

1) add some space bellow (and above) radio buttons (there where the red dots are on the following pictures)
!
I've tried to change margin, padding and height of the ChoiceRow, but it didn't do what i wanted.

2) change text of all "row labels"
I've tried this: `.Skin label.ChoiceRow{color:red;}`, but nothing happened.

Note: I use the theme "Minimal - blue"
Thank you for any ideas

3 replies

A
Hello @fleb ,

Paste the below code in the js(OnReady) of the Matrix question:

jQuery("#"+this.questionId+" .ChoiceStructure").css("border-spacing","10px");
jQuery("#"+this.questionId+" .ChoiceRow").css("color","red");
fleb
Rank
Userlevel 5
Badge +6
Hi @Shashi,
thank you very much for your quick response.
Would it be possible to have the border spacing in the same color as the rest of the row? I use different color for alternating rows
!

And why this one doesn't work?
` jQuery("#"+this.questionId+" .ChoiceRow").css("text-align","center"); `
A
> @fleb said
> And why this one doesn't work?
> ` jQuery("#"+this.questionId+" .ChoiceRow").css("text-align","center"); `

Use this code for above:

jQuery("#"+this.questionId+" .table-cell").css("text-align","center");

Leave a Reply


Terms & Conditions