A couple of questions about the matrix

  • victoriasil
    Asked on May 29, 2016 at 2: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)

    A couple of questions about the matrix Image 1 Screenshot 20

  • BJoanna
    Replied on May 29, 2016 at 5:05 AM

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

  • BJoanna
    Replied on May 29, 2016 at 6: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. 

    A couple of questions about the matrix Image 1 Screenshot 50

    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.

    A couple of questions about the matrix Image 2 Screenshot 61

    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>

    A couple of questions about the matrix Image 3 Screenshot 72

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

    A couple of questions about the matrix Image 4 Screenshot 83

    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.