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

    How to align the matrix field and change the column and row color?

    Asked by arkhosxx on March 21, 2017 at 10:54 PM

     

    Good evening, I have a problem, when I put the table and I type the options. It keeps coming off the form.

    As you can see the image below, it is coming off the form.

     

    Another question would be, if it is possible to change the color of the table options only. Because it is in a very light color. Only in the table, if possible......

     

    thank you.

     

     

     

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 22, 2017 at 05:05 AM

    Regarding the width, I had a hard time adjusting that since you used a theme so I'm not able to apply CSS, but I'll check that more.

    Regarding the changing of the color. Here is the CSS code to change headers of columns and rows:

    .form-matrix-column-headers {

      background:red;

    }

    .form-matrix-row-headers {

      background:red;

    }

    You should insert it in the Custom CSS field:

    And if you want to change the color of the table itself please paste this CSS:

    .form-matrix-values{

      background:blue;

    }

    Here is how it will look like:

    I'll get back to you for the table width.

    Thank you!

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 22, 2017 at 05:20 AM

    Since I couldn't manage to change the width please try to insert this CSS:

    div#cid_58 {
        margin-left: -30px;
    }
     
    It will move the table to the left:
     
  • Profile Image

    Answered by arkhosxx on March 22, 2017 at 11:47 AM
    Thank you very much .

    In this way, it worked.

    Thank you once again for the support and dedication you offer.