Modify the size of a table?

  • MVPT123
    Asked on November 17, 2020 at 8:02 PM

    Can you tell me how to modify the size of a table? It's too narrow!

    Jotform Thread 2708791 Screenshot
  • zahrasamen
    Replied on November 17, 2020 at 9:44 PM

    Hi there,

    You can easily modify the size of the table from Properties.

    Follow the steps shown in the image below and adjust the width of the table according to your need.

    1605667359 5fb48a1f60283 1 Screenshot 10

    I hope this answers your question. Feel free to ask if you have any further questions.

    Have a good day.


  • Girish JotForm Support
    Replied on November 18, 2020 at 12:25 AM

    Thanks for the input @zahrasamen.

    Hello MVPT123,

    You can check out the suggestion provided by @zahrasamen.

    Else, you can add this CSS code into the form:

    .form-matrix-table {

    width: 100%!important;

    }

    .form-matrix-row-headers {

    width: 30px;

    }

    Here is how you can add this CSS code into the form: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Do check and let us know.

  • MVPT123
    Replied on January 28, 2021 at 3:38 PM

    Hi,

    I'm unable to modify the size of this table. I would like to make the columns wider to the input is visible. Can you advise?

    see attached!


    Nancy 1611866231 60132077b5658 Screenshot 2021 Screenshot 10

  • Lorenz JotForm Support
    Replied on January 28, 2021 at 8:28 PM

    Hi there,

    You may try the Custom CSS codes my colleague has provided. Kindly inject the codes into your form.

    .form-matrix-table {

    width: 100%!important;

    }

    .form-matrix-row-headers {

    width: 30px;

    }

    Here's a guide: https://www.jotform.com/help/117-how-to-inject-custom-css-codes

    Thank you.

  • MVPT123
    Replied on February 2, 2021 at 3:57 PM

    I don't think I have a way to inject Custom codes, see the screen shot. 1612299431 6019bca73fc2d Screenshot 2021 Screenshot 10

  • Lorenz JotForm Support
    Replied on February 2, 2021 at 7:14 PM

    Apologies,

    I did not notice that you were using the card layout from the image you provided. Correct, it is not possible to inject CSS codes into card forms and there's no other way in adjusting the table's width on that layout.

    Can you please confirm if you still want to adjust the table's width? since you are using a card form layout, the input table's width seems to fit perfectly in the form so I think there's no need of expanding its width.

    If you want to adjust the width, the only workaround I can think of is to switch your form to a classic layout, wherein you can use custom CSS codes.

    Guide: https://www.jotform.com/help/493-how-to-change-the-form-layout