What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How to expand cells in the Matrix field?

    Asked by javonclark on July 27, 2015 at 09:57 AM
    I changed the “Number of Contacts” field to “Description of Activity” How can I expand the cells underneath this category to provide more room for data entry?
    matrix field expand matrix
  • Profile Image
    JotForm Support

    Answered by Charlie on July 27, 2015 at 10:09 AM

    You can try adjusting the width of the input fields in your "Description of Activity" column using this custom CSS code:

    #cid_13 > table > tbody > tr > td:nth-child(5) > input {

        width: 250px !important;

    }

    Make sure to add it under your form Designer Tool or at the bottom part of your Inject Custom CSS under Preferences. You can adjust the width to your liking. 

     

    I hope that helps. Do let us know if you need more information on this.

  • Profile Image

    Answered by javonclark on July 27, 2015 at 10:19 AM

    That worked!! Thank you! Now when I go to enter the description, I am only able to enter numbers and not actual words....Any way to change this setting?

  • Profile Image
    JotForm Support

    Answered by Charlie on July 27, 2015 at 11:35 AM

    Unfortunately, for the matrix field, it can only accept one type of input. If you choose "Numeric Text box" only numbers will be inputted. 

    However, if you choose "Text box", alphanumeric characters can be typed in your input fields and the form calculation should still work.

    Let us know if that helps.

  • Profile Image

    Answered by javonclark on July 27, 2015 at 04:29 PM
    When the required fields turn red, the language that pops up is not English. How to change this function? Directions need to be in English…

    Thanks again!
    ...
  • Profile Image
    JotForm Support

    Answered by jonathan on July 27, 2015 at 06:39 PM

    We will address the next question about language warning of the Required fields here  http://www.jotform.com/answers/621385

    Thanks.

  • Profile Image

    Answered by javonclark on July 28, 2015 at 03:24 AM
    Thanks, Charlie!! Look like several of my cells need reformatted. Does this formula work for all cells?
    Please explain your formula, so I have a better understanding of how to use this function?
    Thanks again,
    Ja'Von Clark
    Youth Programs Coordinator
    Lawrence County Community Action Partnership
    241 West Grant Street,
    New Castle, PA 16103
    O: 724.658.7258 ext. 1516
    C: 724.944.2895
    F: 724.658.7664
    ________________________________________
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on July 28, 2015 at 09:14 AM

    Hi,

    No worries, here's how my custom CSS code works.

    #cid_13 > table > tbody > tr > td:nth-child(5) > input {

        width : 250px !important;

       ....You can add other styling in your input field here.

    }

    Blue highlight: the CSS path for the input fields in your matrix field.

    Green highlight: it is the input fields in the 5th column. If you want to style the input field in the other columns, just copy the CSS code and change the number here.

    Yellow highlight: the styling you want to apply to that specific element, in our case we adjusted the width.

     

    Example, I want to adjust the width of the input field in the 3rd column, I'll use this code:

    #cid_13 > table > tbody > tr > td:nth-child(3) > input {

        width : 100px !important;

    }

     

    To learn more about the CSS, these guides might help:

    CSS on W3Schools

    CSS Inspector on Form Designer Tool 

    Advanced CSS editor on Form Designer Tool 

     

    I hope that helps. Do let us know if you need further assistance on this.

  • Profile Image

    Answered by javonclark on July 28, 2015 at 01:34 PM
    Thanks again, Charlie.
    Is it possible to make this document secure?

    Ja’Von Clark
    Youth Programs Coordinator
    Lawrence County Community Action Partnership
    Lawrence County Social Services, Inc.
    Po Box 189
    241 West Grant Street
    New Castle, PA 16103
    Office: (724) 658.7258 ext. 1516
    Cell: (724) 944.2895
    Fax: (724) 658.7664
    [cid:962B231E-0048-45AB-B33F-575DCE3842AD] [cid:807C081C-0062-4C14-9AAD-E54CF06A6E81] [cid:F5A9F34B-661D-4933-92EB-DB8C62F09C96]
    ...
  • Profile Image
    JotForm Support

    Answered by Charlie on July 28, 2015 at 02:43 PM

    Hi,

    You are welcome.

    For the follow up question, not sure if it's still related to the original topic of the thread, so I went ahead and opened a separate thread for it. Here's a link to that: http://www.jotform.com/answers/622252, please refer to that and we will address it shortly.

    Thank you.