The column headers color of the matrix is not changing according to css

  • Profile Image
    swapna_summit
    Asked on January 19, 2015 at 01:44 AM

    Could you please check at the css injected for #id_680,  #id_681 and 682,

    Here the column heading Team Leaders are not updated the colors that is given ? 

  • Profile Image
    ashwin_d
    Answered on January 19, 2015 at 05:48 AM

    Hello swapna_summit,

    I did check your form and the reason why the above text (i.e. Managers, Supervisors and Team Leaders) is not part of the matrix header. Please check the screenshot below:

    Let me try and get back to you if I can help you change the background color of only the part of the question label.

    Thank you!

  • Profile Image
    ashwin_d
    Answered on January 20, 2015 at 03:28 AM

    Hello swapna_summit,

    I have add some required custom css code in form and that seems to have resolved the issue. Please click on the following URL to get the updated custom css code which I have added:  http://pastie.org/9842860 

    Please check the screenshot below on how the matrix fields appear in your web page:

     

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    swapna_summit
    Answered on January 28, 2015 at 02:43 AM

    Hi

    Still the column headings 1 2 3 4 under the heading- Team Leaders of Id-680.681,682  matrices are not showing the right colour

  • Profile Image
    ashwin_d
    Answered on January 28, 2015 at 05:09 AM

    Hello swapna_summit,

    Are you having issues with your form #50153596505960? I did check your form and it seems to display the header color correctly. Please check the screenshot below:

     

    Do you want to implement this in some other form as well? If the filed id remain safe i.e. 680, 681,682 then you can use the following custom css code in form:

    #id_680 th.form-matrix-column-headers.form-matrix-column_10, #id_680 th.form-matrix-column-headers.form-matrix-column_11, #id_680 th.form-matrix-column-headers.form-matrix-column_12, #id_680 th.form-matrix-column-headers.form-matrix-column_13, #id_680 th.form-matrix-column-headers.form-matrix-column_14{

    background-color: #fac998;

    }

    #id_681 th.form-matrix-column-headers.form-matrix-column_8, #id_681 th.form-matrix-column-headers.form-matrix-column_9, #id_681 th.form-matrix-column-headers.form-matrix-column_10, #id_681 th.form-matrix-column-headers.form-matrix-column_11 {

    background-color: #fac998;

    }

    #id_682 th.form-matrix-column-headers.form-matrix-column_8, #id_682 th.form-matrix-column-headers.form-matrix-column_9, #id_682 th.form-matrix-column-headers.form-matrix-column_10, #id_682 th.form-matrix-column-headers.form-matrix-column_11 {

    background-color: #fac998;

    }

    The following guide should help you on how to inject custom css code in form:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • Profile Image
    swapna_summit
    Answered on January 28, 2015 at 05:41 AM

    Thanks, it came right ,looks nice

  • Profile Image
    ashwin_d
    Answered on January 28, 2015 at 08:08 AM

    Hello swapna_summit,

    You are welcome. I am glad to know that the above custom css works for you.

    Do get back to us if you have any questions.

    Thank you!