How to expand cells in the Matrix field?

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?

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.

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?

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.

Thanks again!
...

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

Thanks.

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
________________________________________
...

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 

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

Thanks again, Charlie.
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]
...

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.