How can I increase column width of Input Table answer fields?

  • A_S_G
    Asked on July 3, 2017 at 11:07 AM

    I need to have broad spaces in Input Table answer fields, how do I do that?

  • David JotForm Support Manager
    Replied on July 3, 2017 at 1:11 PM

    Inject the following code to increase the width:

    table.form-matrix-table input{

    width: 100px !important;

    }

    Let us know if you need more help.

  • A_S_G
    Replied on July 3, 2017 at 4:23 PM

    Thank You for your help.

    I just need to widen first and last column, the one with post address n comments. Can I do that?

  • A_S_G
    Replied on July 3, 2017 at 4:24 PM

    This 100px is good for middle columns but I need the first and last column to be around 250px

  • David JotForm Support Manager
    Replied on July 3, 2017 at 4:57 PM

    Please remove the previous code I provided, and use the following code to make the first and last column 250px, and the middle columns 100px:

    table.form-matrix-table input{

    width: 100px;

    }

    .form-matrix-table td:nth-of-type(1) input{

    width: 250px !important;

    }

    .form-matrix-table td:nth-of-type(7) input{

    width: 250px !important;

    }

    Result: https://form.jotformpro.com/71834863180965 

    How can I increase column width of Input Table answer fields? Image 1 Screenshot 20

  • A_S_G
    Replied on July 3, 2017 at 6:43 PM
    Thank you so much
    ...