-
CityplexAsked 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
-
JanReplied 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.
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.
-
CityplexReplied on March 8, 2017 at 8:11 PM
Thank you