Enhancement Request - Ability to Adjust Input Field Characteristics in Table Cells

  • Profile Image
    Asked on June 17, 2013 at 10:02 PM


    I'm unable to specify that some of these input fields should be larger than others.   In the context of a "matrix", I lack control over the fields within the cells.

    Please, see the screenshot. 

    I desperately needed a table like this, but lose all standard control over the fields.  Making this more robust would be a big win.

    Thank you, for allowing me to put in my two cents.  :)



    Mike Strong

  • Profile Image
    Answered on June 18, 2013 at 12:31 AM


    Thank you for contacting us with regards to this matter. In order to adjust the width of matrix field textbox, you need to inject some custom css into your form.

    Here's the codes the you need to inject into your form.

    .form-matrix-values .form-textbox {

    width: 120px;


    Here's how it looks like after: http://www.jotformpro.com/form/31681047383960

    If you need further assistance, do let us know.

    Thank you!

  • Profile Image
    Answered on June 18, 2013 at 07:31 AM

    Thank you, Pinoytech.

    The link you provided was not to a matrix example, but I completely understand the coaching on how to use CSS as a work-around.  I'm grateful for that, for sure.  Thank you.

    The enhancement request, clearly, might be for much further in the future as you evolve the product.   One problem with the CSS work around is that it presupposes that it's OK for each cell to be the same, which is not always the case.  Indeed, it frequently might be otherwise.  I may need a text area with lots of room in one cell, and a 2 digit integer value in the next cell.

    Thank you, for trying to help me with work arounds, though.  

  • Profile Image
    Answered on June 18, 2013 at 08:57 AM


    Let me submit a ticket to our dev team with regards to this matter. We'll inform you immediatly once this feature implemented.

    Thank you!

  • Profile Image
    Answered on June 18, 2013 at 10:00 AM

    Another possible solution is to get form source code, copy it to your web site and then make the changes there. Here is how you can get it. Open your form on the Form Builder:

    1. Open "Setup & Embed" tab on toolbar,

    2. Click on "Embed Form"

    3. Click on "Source" and copy the HTML code provided to your web site..

  • Profile Image
    Answered on June 18, 2013 at 10:46 AM
    Thank you! Good to have work arounds!
    Mike Strong, President
    Technology Pain Killers, LLC