Need help with formatting table components of an input table.

  • ESFA
    Asked on September 18, 2018 at 8:50 PM

    Hi,

    I have a form where I am having some issues formatting some of the tables.

    https://form.jotform.co/82536896537877

    A couple of questions.

    Label and input size

    I have used the advanced designer to format the table label size but, I'd like to be able to do this for the labels and input fields for each table.  Is there CSS code to do that?

    Padding

    I have different padding around the input fields in the tables.  Can these be consistent by using CSS code?

    The blue boxes below are an example.

    Many thanks for any help.

     

    1537317951TableWidths Screenshot 10

  • Jed_C
    Replied on September 18, 2018 at 9:57 PM

    Please try my suggestions below and see if that helps.

    Label and input size — 

    Try inject the CSS code below to adjust the table / label width. Replace the px with your desired width.

    .form-matrix-column-headers{

    width: 300px !important;

    }

    Padding —

    If you want to have an equal size of the table padding. Try injecting the code below. Replace the px with your desired width.

    .form-matrix-values{

      width: 150px !important;

    }

    Let us know if you have any questions or if you need further assistance.