how can i adjust the width of individual columns in a matrix

  • Profile Image
    hoorays
    Asked on February 16, 2014 at 02:31 PM
  • Profile Image
    pinoytech
    Answered on February 16, 2014 at 02:42 PM

    Hi,

    You can control the box sizes on your matrix field by injecting the following css codes to your form. Just change the width values so it fits exactly on your needs.

    .form-matrix-values {

    padding-left: 8px;

    padding-right: 8px;

    }

    .form-matrix-values .form-textbox {

    width: 80px;

    }

    .form-matrix-values +

    .form-matrix-values .form-textbox {

    width: 140px;

    }

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values .form-textbox {

    width: 50px;

    }

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values .form-textbox {

    width: 50px;

    }

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values .form-textbox {

    width: 70px;

    }

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values .form-textbox {

    width: 70px;

    }

    You might like to take a look at this clone form: http://www.jotformpro.com/form/40465328768969

    If you need further assistance, please let us know.