-
1211studiosAsked 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.
Page URL: https://form.jotform.com/80173799284974 -
Richie JotForm SupportReplied 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.
Please let us know if you have further questions.
-
Richie JotForm SupportReplied 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.
-
VictoriaKondratenkoReplied on January 18, 2018 at 12:51 PM
Go to the table's properties and copy all the IDs of cells:
After that paste all to css editor and use following code:
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
-
1211studiosReplied on January 18, 2018 at 1:43 PMHi,
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
... -
1211studiosReplied on January 18, 2018 at 1:43 PMExcellent! 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 SupportReplied 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.