Help with table field widths?

  • Profile Image
    StormCreative
    Asked on January 21, 2018 at 06: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.2

    Mobile version:

    1516577323Screen Shot 2018-01-22 at 10.2

  • Profile Image
    BJoanna
    Answered on January 22, 2018 at 04: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.