Changing column width in matrix fields

  • KEFAudioUK
    Asked on June 10, 2016 at 7:48 AM
  • Carina
    Replied on June 10, 2016 at 9: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.