How can I reduce the column width of an Input Table?

  • imagepb
    Asked on April 4, 2018 at 7:58 PM
    How can I reduce the column width of an Input Table Property when I have selected Numeric Text Box (under Input Type) in the fields property?
    I am able to reduce the width when I select Text Box.
  • Kevin Support Team Lead
    Replied on April 4, 2018 at 8:17 PM

    You may inject some CSS code to handle the input width, first you will need to get the <li> element id in order to affect that specific field:

    1522887198screenshot 01 Screenshot 10

    Once you have the id replace it on the bold id below:

    #id_102 .form-matrix-table .form-textbox {
        width: 32px !important;
    }

    You may change the "32px" value according to the size you need to have on the fields.

    This guide will help you injecting the code to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    I hope this helps.