How to set standard label size in multiple input tables?

  • Profile Image
    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

  • Profile Image
    Kiran
    Answered on September 12, 2018 at 04: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.png

    We will wait for your response. Thank you! 


  • Profile Image
    ESFA
    Answered on September 12, 2018 at 07: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.

  • Profile Image
    John_Benson
    Answered on September 12, 2018 at 09: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.png

    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.


  • Profile Image
    ESFA
    Answered 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.png