Aligning rows to be the same legnth in tables

  • QPServices
    Asked on June 18, 2019 at 6:27 AM

    Hi,


    When adding 3 new rows to a table, the size of the text boxes are different. I have tried the shrink function as described but it is not altering the boxes.

    We are trying to add new rows to a table while maintaining the same width of the text boxes in a table. I have tried the shrink button as described in the user guide but to no avail. I have attached a screenshot of how the table is currently being displayed.


    Thanks

    Jotform Thread 1860615 Screenshot
  • VincentJay
    Replied on June 18, 2019 at 8:59 AM

    Please add the custom CSS code below to fix the issue on field size.

    .form-textbox {

    width: 100% !important;

    }

    Here's a guide on how to add it to your form: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Here's the result of my test:

    156086271142z5zr5 Screenshot 10

  • QPServices
    Replied on June 18, 2019 at 11:08 AM

    Hi,


    Thanks for your reply. 


    Unfortunately this hasn't worked when ive tried for some reason. Are you to send the css code that will make the text boxes the same size as the first 3 in my screenshot in my first email?


    Thanks

  • BJoanna
    Replied on June 18, 2019 at 1:04 PM

    Is the issue related to this form https://www.jotformeu.com/form/61023769894365?

    I inspected the form and the size of all text fields is the same.

    1560876246size Screenshot 10

    Is the issue resolved on your end as well? If not please tell which device and browser are you using. If the form is embedded, provide us a webpage URL.