Can I get some help with my matrix size?

  • Profile Image
    Cityplex
    Asked on March 08, 2017 at 05:16 PM

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

    https://form.jotform.com/70645795804163

  • Profile Image
    Jan
    Answered on March 08, 2017 at 07: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.

    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.

  • Profile Image
    Cityplex
    Answered on March 08, 2017 at 08:11 PM

    Thank you