CSS code for changing appearance of input table widget

  • Benflips
    Asked on July 9, 2019 at 2:08 AM

    Hello.

    Can I please have some custom CSS code to alter the grey border and background on the standard 'input table' widget/field

    If you could provide template code for colour of border, row heading background, column heading background and the lighter colour behind the radio button that would be great.

    Thanks in advance

  • Kiran Support Team Lead
    Replied on July 9, 2019 at 3:44 AM

    Please try using the following CSS code to the form to change the headers background and border colors. Since I have used some random colors, you may change the color codes as per your requirement.

    .form-matrix-row-headers {

        border-color : #469A84;

    }

    .form-matrix-table th {

        background-color : #f9f1ea;

        border-color : #469A84;

    }

    .form-matrix-values {

        border-color : #469A84;

        background-color : #6DD0F2;

    }

    th.form-matrix-column-headers {

        background-color : #c49f9f;

    }


    Hope this information helps!