Need Single Character Grid

  • stevebenthal
    Asked on November 20, 2015 at 11:25 AM

    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

    Need Single Character Grid Image 1 Screenshot 30

     

     

    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?

    Need Single Character Grid Image 2 Screenshot 41

     

  • BJoanna
    Replied on November 20, 2015 at 12:37 PM

    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.

    Need Single Character Grid Image 1 Screenshot 20

    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
    Replied on November 20, 2015 at 7:14 PM

    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

  • Kevin Support Team Lead
    Replied on November 20, 2015 at 9:34 PM

    Hi,

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

    http://pastebin.com/Qj9d3xic

    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
    Replied on November 20, 2015 at 11:03 PM

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

    Thanks,

    Steve

  • KadeJM
    Replied on November 21, 2015 at 3:05 PM

    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
    Replied on November 22, 2015 at 2:09 PM

    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.

     

     

  • David JotForm Support Manager
    Replied on November 22, 2015 at 4:29 PM

    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?

    Need Single Character Grid Image 1 Screenshot 20

    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
    Replied on November 22, 2015 at 4:33 PM

    Thanks!