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

    A couple of questions about the matrix

    Asked by victoriasil on May 29, 2016 at 02:07 AM

    1. Can I add a heading in the 1st column? I need to move "In $000" to the top of the row headers, inline with 2013, 2014, 2015.. 

    2. Can I change the font color/weight for just 2 items in the row header? I need to make those 2 items stand out.

     

    (see screenshot)

    Page URL:
    https://form.jotform.com/61404621246144

    a JotForm uploads heading font
  • Profile Image
    JotForm Support

    Answered by BJoanna on May 29, 2016 at 05:05 AM

    I am trying to find solution for your request. I will update you as soon as I find it.

  • Profile Image
    JotForm Support

    Answered by BJoanna on May 29, 2016 at 06:00 AM

    I was not able to move "In $000" to the top of the row headers. I was not able to select only one row heading,  I could only move all of them by adding this CSS code:

    #cid_53 th.form-matrix-row-headers {

        position: relative;

        top: -30px;

    }

    After this code is added form would look like this. 

    Other solution is to add additional text field to your form, before matrix table and set text of that field to "In $000". Than you can position that text to the top of the row headers, inline with 2013, 2014, 2015.

    Apply this CSS code to your new text field:

    #text_63 {

        width : 100px!important;

        position : relative;

        top : 110px;

        left : 40px;

    }

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

    To change color and weight of some row headings you would need to add style directly to label rows.

    <font color="red">Label of your row heading</font>

    After you make this changes your form can look like this.

    Here is my demo form: https://form.jotform.com/61491988428976 

    Feel free to clone it.

    Hope this will help. Let us know if you need further assistance.