Is there a way to change background of Matrix field?

  • Profile Image
    vbdb
    Asked on April 11, 2017 at 12:49 AM

    Also, is there any way to change background of the "Which services" sheet?

  • Profile Image
    Ian
    Answered on April 11, 2017 at 02:40 AM

    Please Insert the following code 

    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

     

    th.form-matrix-row-headers {

        background-color: #ff0!important;

    }

    th.form-matrix-column-headers {

        background-color: #ff0!important;

    }

    td.form-matrix-values {

        background-color: #fff!important;

    }

    Hope this helps.

  • Profile Image
    vbdb
    Answered on April 11, 2017 at 06:24 PM

    Ian,

    Thank you that helped! 

    Do you know if there is any way I can remove borders in the sheet? 

    Also in the mobile version the sheet gets starched and the second raw squished.Could you please help fixing this? 

    Appreciate your prompt responses!

  • Profile Image
    Chriistian
    Answered on April 11, 2017 at 10:44 PM

    1. Do you know if there is any way I can remove borders in the sheet? 

     

    To remove the border, please inject this custom CSS on your form:

    td.form-matrix-values {

        border: none;

    }

    th.form-matrix-row-headers {

        border: none;

    }

    th.form-matrix-column-headers.form-matrix-column_0 {

        border: none;

     

    }

     

    Result:

     

    2. Also in the mobile version the sheet gets starched and the second raw squished.Could you please help fixing this? 

     

    To fix this, you need to unshrink the field so that it would not look like squished.

    Here's the result on mobile view:

    Do let us know if you need further assistance.
    Regards.

  • Profile Image
    vbdb
    Answered on April 13, 2017 at 09:09 PM

    Thank you guys!!!