Matrix Colour Schemes

  • Profile Image
    cgnz
    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!

     

    Rich

     

    .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{

    background-color:#3b5998;color:white;} 

     

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

    Hi,

    Is this what you are trying to achieved? http://form.jotform.me/form/21332664561450?

    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
    cgnz
    Answered on May 13, 2012 at 03:44 PM

    Thanks! Works exactly.

     

    Cheers!

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

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