How to set standard label size in multiple input tables?

  • ESFA
    Asked 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 Lead
    Replied 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?

    153674175412092018 140933 Screenshot 10

    We will wait for your response. Thank you! 


  • ESFA
    Replied 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_Benson
    Replied 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:

    15368024425353215z6 Screenshot 10

    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.


  • ESFA
    Replied 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.

    1536805288TableWidths Screenshot 10