Matrix Colour Schemes

  • Profile Image
    Asked on May 13, 2012 at 05:19 AM

    First off......Wow! Jotform is amazing. 3 days in and the potential is keeping me awake at night! Well done on a top drawer tool with obvious genius involved. And well done for obviously working with your user community so closely to keep improving. Seriously impressed and instantly converted!


    I have a question RE: Matrices.


    I would like to get the colour wrapped around text boxes to change from default to a different colour. My screen shot (with terrible outlines!) shows these areas.


    The code I have in CSS area is as follows. I am very new to CSS coding so apologies if its a little rough.


    Thanks a million!




    .form-matrix-values .form-textbox {width: 180px;font-size: 9px;background-color:#ffffff;font-family: Verdana;font-weight: normal;font-color: black;border-style: none; padding-left: 1px;padding-right: 1px;}.form-matrix-column-headers {font-size: 10px;background-color:#3b5998;font-family: Verdana;font-weight: bold;font-color: black;border-style: none;}.form-matrix-row-headers {font-size: 10px;background-color:#3b5998;font-family: Verdana;font-weight: bold;font-color: black; border-style: none }.form-header-group{



  • Profile Image
    Answered on May 13, 2012 at 05:34 AM


    Is this what you are trying to achieved?

    If yes, add this css codes to your form:

    .form-matrix-values {

    background:transparent !important;


    .form-matrix-values .form-textbox {

    width: 100% !important;


    I just set the color to transparent, you can change that to your preferred color if you like. 

    Hope this helps. Thanks!

  • Profile Image
    Answered on May 13, 2012 at 03:44 PM

    Thanks! Works exactly.



  • Profile Image
    Answered on May 13, 2012 at 03:46 PM

    Welcome and we are glad to know that your it is working fine!