Increase Text Box Size in Input Table

  • 1211studios
    Asked on January 18, 2018 at 11:47 AM

    Hi, I need to increase the size of the text boxes in two input tables. Please advise.

  • Richie JotForm Support
    Replied on January 18, 2018 at 12:42 PM

    You can edit the textbox size by going to your Long Text Entry Properties > OPTIONS and look for ROWS. Increase the number  of ROWS to increase the size of your text box.

    Here is a sample screen cast.

    Increase Text Box Size in Input Table Image 1 Screenshot 20


    Please let us know if you have further questions.

  • Richie JotForm Support
    Replied on January 18, 2018 at 12:50 PM

    Kindly ignore my first reply, it seems I have mixed up the forms.

    To increase the size of your Input table , we need to add a custom css code .

    .form-textbox, .form-textarea, .form-radio-other-input, .form-checkbox-other-input, .form-captcha input, .form-spinner input{
     
      width:200px;/* to increase the width of your Input table*/

      height:50px;/* to increase the height of your Input table*/
     
    }

    You can adjust the width and height as you wish, depending on your preference.

    Here is a guide you on how to insert custom css codes.How-to-Inject-Custom-CSS-Codes

    Please let us know if you have further questions.

  • VictoriaKondratenko
    Replied on January 18, 2018 at 12:51 PM

    Go to the table's properties and copy all the IDs of cells:

    1516297775post2 Screenshot 10

     

    After that paste all to css editor and use following code:

    1516297897post22 Screenshot 21

    Or simply copy it

     

    #input_115_0_0, #input_115_0_1, #input_115_1_0, #input_115_1_1, #input_115_2_0, #input_115_2_1, #input_115_3_0, #input_115_3_1, #input_115_4_0, #input_115_4_1, #input_115_5_0, #input_115_5_1, #input_115_6_0, #input_115_6_1, #input_115_7_0, #input_115_7_1, #input_115_8_0, #input_115_8_1, #input_115_9_0, #input_115_9_1, #input_115_10_0, #input_115_10_1, #input_115_11_0, #input_115_11_1, #input_115_12_0, #input_115_12_1, #input_115_13_0, #input_115_13_1, #input_115_14_0, #input_115_14_1, #input_115_15_0, #input_115_15_1, #input_115_16_0, #input_115_16_1, #input_115_17_0, #input_115_17_1, #input_115_18_0, #input_115_18_1, #input_115_19_0, #input_115_19_1, #input_115_20_0, #input_115_20_1, #input_115_21_0, #input_115_21_1, #input_115_22_0, #input_115_22_1 {

      width: 200px;

    }


    The method reffers to any element you may want to resize

  • 1211studios
    Replied on January 18, 2018 at 1:43 PM
    Hi,
    I'm actually wanting to increase the text boxes in two input tables.
    Jeanne Hughston
    1235 Sandy Hill Drive
    Brownsville, Texas 78520
    (956) 371-8010
    ...
  • 1211studios
    Replied on January 18, 2018 at 1:43 PM
    Excellent! Just having one bit of trouble:
    I have edited the custom CSS, and it appears correct while editing. However,
    when I preview/view the form, the spacing is incorrect again.
    IN EDITOR:
    PREVIEW:
    Jeanne Hughston
    1235 Sandy Hill Drive
    Brownsville, Texas 78520
    (956) 371-8010
    ...
  • Richie JotForm Support
    Replied on January 18, 2018 at 1:53 PM

    It seems your screenshot did not go through, kindly send it again.

    Here is a guide on how to insert your screenshot.

    How-to-add-screenshots-images-to-questions-to-the-support-forum

    We will wait for your reply.