Changing column width in matrix fields

  • Profile Image
    KEFAudioUK
    Asked on June 10, 2016 at 07:48 AM
  • Profile Image
    Carina
    Answered on June 10, 2016 at 09:56 AM

    Please clone the form and adjust the blue values of the css:

    https://form.jotform.com/61613953870965 

     

    /* 1st column */

    .form-matrix-row-headers +.form-matrix-values .form-textbox {

    width: 300px !important;

    }

    /* 2nd Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 60px !important;

     

    }

    /* 3rd Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 70px !important;

    }

    /* 4th Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 140px !important;

    }

    /* 5h Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 140px !important;

    }

    /* 6th Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 100px !important;

    }

    /* 7th Column */

    .form-matrix-row-headers +.form-matrix-values +.form-matrix-values+.form-matrix-values +.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox{

    width: 200px !important;

    }

     

    Please note that the columns cannot be smaller than the size of the label, so if you might consider reducing the text of the label.

    Let us know if we can assist you further.