Aligning rows to be the same legnth in tables

  • Profile Image
    QPServices
    Asked on June 18, 2019 at 06: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

    Screenshot
  • Profile Image
    VincentJay
    Answered on June 18, 2019 at 08: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.png

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

  • Profile Image
    BJoanna
    Answered on June 18, 2019 at 01: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.PNG

    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.