CSS for matrix table - add some space bellow radio buttons and style labels of rows | Experience Community
Skip to main content
Question

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

  • April 3, 2019
  • 3 replies
  • 67 views
fleb
Level 3 ●●●
Forum|alt.badge.img+6
  • fleb
  • Level 3 ●●●
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
    • Anonymous
    • April 4, 2019
    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
      Level 3 ●●●
      Forum|alt.badge.img+6
      • fleb
      • Author
      • Level 3 ●●●
      • April 4, 2019
      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
      • Anonymous
      • April 4, 2019
      > @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");
        Terms & ConditionsAccessibility statement