Help with table field widths?

  • StormCreative
    Asked on January 21, 2018 at 6:29 PM

    Hi, I'm trying to build a table for users to add details to. I was wondering if it's possible to specify the width of the actual text input field? It's really only set up for very short amounts of text.

    Also, the mobile version looks very strange too. 

    Is there any custom code I could use to specify this so users can see more copy as they type?

    See screenshots below:

    1516577284Screen Shot 2018 01 22 at 10 Screenshot 10

    Mobile version:

    1516577323Screen Shot 2018 01 22 at 10 Screenshot 21

  • BJoanna
    Replied on January 22, 2018 at 4:07 AM

    Are you working on this form http://www.jotform.co/form/80106107278855?

    Add this CSS code to your form to resolve both issues:

    .form-matrix-values .form-textbox {

    width: 150px;

    }

    @media screen and (min-width: 10px) and (max-width: 480px){

    .form-matrix-row-headers {

        width: 10px!important;

    }}

    How to Inject Custom CSS Codes

    Here is my demo form: https://form.jotform.com/80212040246945 

    Feel free to test it and clone it. 

    Hope this helps to solve the issue.