What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Is there a way to change background of Matrix field?

    Asked by vbdb on April 11, 2017 at 12:49 AM

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

  • Profile Image

    Answered by Ian 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

    Answered by vbdb 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
    JotForm Support

    Answered by Chriistian 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

    Answered by vbdb on April 13, 2017 at 09:09 PM

    Thank you guys!!!