How to resize matrix table to fill the sheet?

  • Profile Image
    BTM2020
    Asked on October 21, 2019 at 05: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?

  • Profile Image
    Jed_C
    Answered on October 21, 2019 at 07: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

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

  • Profile Image
    BTM2020
    Answered 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?

  • Profile Image
    jherwin
    Answered 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.

  • Profile Image
    BTM2020
    Answered on October 21, 2019 at 11:50 PM
    Looks great! But can't type text in the remarks box - just numbers
    ...
  • Profile Image
    jherwin
    Answered 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.png
    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.png