-
ESFAAsked on September 11, 2018 at 11:54 PM
Hi,
I have a form with multiple input tables and I wanted to have a standard label with for a number of them so they look similar.
https://form.jotform.co/82536896537877
I have tried injecting CSS code using
#label_184_2_0{
width : 400px !important;
}
for each individual label and#label_184{
width : 400px !important;
}I am missing something obvious :S
-
Kiran Support Team LeadReplied on September 12, 2018 at 4:43 AM
I have tried opening your JotForm and it seems there is an issue with it which is freezing the browser. As I check the form further, I see that there are conditions set on the form with missing fields which you may need to review once.
Also, I am not sure if understand your query correctly. Do you mean to display the column labels with one width for all the input table fields?
We will wait for your response. Thank you!
-
ESFAReplied on September 12, 2018 at 7:06 PM
Hi Kiran,
The form was cloned from another more extensive one and I have removed the conditions.
I want to have a standard label width in the different tables as you have highlighted in red.
Also,
is there any reason why the field {DefaultSeason}, or any other field, is not able to be used within a table? It seems to work OK within a text field, etc.Thanks.
-
John_BensonReplied on September 12, 2018 at 9:39 PM
Please add this custom CSS code to your form:
.form-matrix-row-headers {
width: 40%;
}
Here's a guide: How-to-Inject-Custom-CSS-Codes
Here's the result of my test form:
If I misunderstood your issue, please let us know.
Also, we will be addressing your other question to this thread: https://www.jotform.com/answers/1579339
Thank you.
-
ESFAReplied on September 12, 2018 at 10:22 PM
OK.
I have used the advanced designer to format the table label widths but, I'd like to be able to do this for each table. Is there CSS code to do that?
Also, now it seems I have different padding around the input fields within different tables even though I haven't used any CSS code except to specify the input width.
The blue boxes show this issue.