# Need Single Character Grid

**stevebenthal**Hi

I need to create a grid that is 3 rows and 15 columns that will only hold 1 text character each

I've tried the matrix and the configurable list but I can't get those narrow enough.

SAMPLE

**ALSO**, I have to allow them to select images. I could just display them and have them pick a number on the dropdown, or is there a way to put images in a dropdown or other selection method?- JotForm Support
**BJoanna**Thank you for contacting us.

Is this the form you are working on http://www.jotform.com/53234698230961?

I saw that you have matrix table inside and that is too long. It is possible to change the width of matrix fields by Injecting Custom CSS.

Here is my demo form where I added custom CSS code: https://form.jotform.com/53235246233954? Feel free to clone it.

My matrix table looks like this.

I have moved your other question to separate thread and we will provide you an answer there shortly. http://www.jotform.com/answers/708852

**stevebenthal**Thank you!

Where is the custom CSS in case I need to adjust it further? I need another one that has 20 Columns.

See how it is truncating on the webpage? http://olishrine.org/memorial-plaza-bricks/

The form is "Shrine Brick Form"

Also is there a way to limit so only 1 value (character)can be entered per box?

Steve

- JotForm Support
**Kevin_G**Hi,

You will find the CSS code provided by my collegue on this link :

**Also is there a way to limit so only 1 value (character)can be entered per box?**Unfortunately, there is no way to limit the number of characters per Textbox,you must specify to the user to type only one character.

Let us know if you need more help.

Thanks.

**stevebenthal**Is there a way for me to change the width from 30px to 10px or do you have to do it?

Thanks,

Steve

**KadeJM**Yes, you can certainly do that yourself if you want.

Just edit the 30px value in the CSS before you inject it and change it to 10px then add it again which will apply the width changes you are requesting.

From:

width : 30px!important;

To:

width : 10px!important;

**stevebenthal**Hi,

SHRINE BRICK FORM

I realized the CSS is in the Design area so I did fix the width, but I had to add 5 more columns (16-20) and I can't seem to get the css correct so they are also 10px wide like 1-15.

Can you please help.

Thanks,

Steve

PS I also noticed that the "Form Collapse" won't open in design mode. You need to delete it to see your full form in Designer.- JotForm Support
**BDAVID**Please inject the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

**.form-matrix-row-headers +.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values+.form-matrix-values .form-textbox {****width : 10px!important;****}****.form-matrix-row-headers +.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values+.form-matrix-values .form-textbox {****width : 10px!important;****}****.form-matrix-row-headers +.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values+.form-matrix-values .form-textbox {****width : 10px!important;****}****.form-matrix-row-headers +.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values+.form-matrix-values .form-textbox {****width : 10px!important;****}****.form-matrix-row-headers +.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values+.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values+.form-matrix-values+.form-matrix-values .form-textbox {****width : 10px!important;****}**Here is my cloned version: https://form.jotform.com/53256528668972?

You may just clone it if you want to: http://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

On regards of the Form Collapse no opening when form is loaded in the Form Designer, I have reported it here on this thread: http://www.jotform.com/answers/709788

If you need anything else please open a new thread, we will be glad to assist you.

**stevebenthal**Thanks!