Can I get some help with my matrix size?

  • Cityplex
    Asked on March 8, 2017 at 5:16 PM

    Can I get some help with my matrix size? I only box space for 4 numbers. Thanks

    https://form.jotform.com/70645795804163

  • Jan
    Replied on March 8, 2017 at 7:17 PM

    Thank you for waiting.

    Please check this cloned form: https://form.jotform.com/70666871750969. As you can see, I was able to fit the Matrix table in the form container.

    Can I get some help with my matrix size? Image 1 Screenshot 20

    You can insert this custom CSS code in order to resize the Matrix table.

    #id_5 {
    padding-left: 25px;
    }

    .form-matrix-table .form-textbox {
    font-size: 0.7em !important;
    }

    .form-matrix-values {padding-left: 3px;padding-right: 3px;}
    /* 1st Column */
    .form-matrix-row-headers +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 2nd Column */
    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 3rd Column */
    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox{width: 25px !important;}
    /* 4th Column */
    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 5th Column */
    .form-matrix-row-headers +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !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: 25px !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: 25px !important;}
    /* 8th 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-matrix-values .form-textbox {width: 25px !important;}
    /* 9th 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-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 10th 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-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 11th 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-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 12th 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-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}
    /* 13th 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-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {width: 25px !important;}

    Here's a guide on How-to-Inject-Custom-CSS-Codes. Hope that helps. Thank you.

  • Cityplex
    Replied on March 8, 2017 at 8:11 PM

    Thank you