How to resize matrix table to fill the sheet?

  • BTM2020
    Asked on October 21, 2019 at 5:14 PM

    How do I resize the grid matrix to fill the sheet or adjust the actual size of each entry box especially the "Remarks" box on this particular form?

  • Jed_C
    Replied on October 21, 2019 at 7:57 PM

    Please inject the CSS code below to make your matrix table adjust to its full width.

    .form-number-input.form-textbox {

        width: 86px !important;

    }

    1571702268The Easiest Online Form Builde Screenshot 10

    I hope that helps. Let us know if you have any questions or if you need further assistance. 

  • BTM2020
    Replied on October 21, 2019 at 10:14 PM

    Thanks, Your suggestion seemed to help ONLY if I use Numeric Boxes.  The last box is for Remarks which needs to be text oriented. But the CSS code doesn't seem to work if I use text box format.

    Is there any way to make the numeric boxes smaller and the remarks box a bit longer?

  • jherwin
    Replied on October 21, 2019 at 11:05 PM

    Please replace the CSS code injected to your form with these:

    .form-number-input.form-textbox {
        width : 70px !important;
    }
    /*-6th column width-*/
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values +
    .form-matrix-values .form-textbox {
        width : 170px !important;
    }

    Guide: How-to-Inject-Custom-CSS-Codes

    Please give it a try and let us know how it goes.

  • BTM2020
    Replied on October 21, 2019 at 11:50 PM
    Looks great! But can't type text in the remarks box - just numbers
    ...
  • jherwin
    Replied on October 22, 2019 at 12:19 AM

    You need to make your input table a multi-type column to meet your requirements. Please refer to my screenshot below for reference and guide:

    Guide:
    1.) Click the Input table properties
    2.) Select the FIELDS tab and choose Multi Type Columns
    1571717490multi type Screenshot 10
    3.) To control the column types, please find the "Column types" section under the FIELDS tab as well and change it to your preference.
    1571717508columntypes Screenshot 21