How do I customize the width of columns in the Input table?

  • VenessaW
    Asked on June 16, 2020 at 7:56 AM

    I need to add a label above a text box, does anyone know what the css code is please?

  • Patrick_R
    Replied on June 16, 2020 at 9:41 AM

    Hello Venessa! In JotForm, implementing labels is the same for all field types. These labels are placed on top of the text fields (by default) unless label alignment has been changed.

    Anyways, following is how labels are added to the form fields:

    1592314842Screencast 2020 06 16 19 03 25 Screenshot 10

    If the above screencast doesn't help, kindly get back to us with the form name as well as the field name to which you want to apply the label. We'll try to assist you with that.

    Thank you!

  • VenessaW
    Replied on June 16, 2020 at 11:08 AM

    Thank you, but that is not my main problem - the columns of my matrix needs different sizes - the 3rd column must be shorter than the second column and form within the page margins?

    please can you assist https://form.jotform.com/201656897733569

  • roneet
    Replied on June 16, 2020 at 12:32 PM

    Please add this CSS in your form designer as directed in the guide below:

    th.form-matrix-headers:nth-child(3) {
      width: 100px!important;
    }

    .form-matrix-table {
      width: 750px!important;
    }

    Guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Let us know how it goes.

    Thanks.

  • VenessaW
    Replied on June 16, 2020 at 1:35 PM

    Thanks, you a star. worked perfectly.


    Can you also help me,  i have 2 dropdown box's that i want on 1 line  spread  2 colomns please?



  • Kevin Support Team Lead
    Replied on June 16, 2020 at 4:43 PM

    Unfortunately, I was unable to completely understand your question, upon checking your form I can see you have the following drop downs: 

    15923401502020 06 16 14h42 13 Screenshot 10

    May you kindly clarify how do you want them to display? 

    We will be happy to assist you. 

  • VenessaW
    Replied on June 16, 2020 at 5:34 PM

    That is now showing correctly, thank you.


    May you also advise me for with the css code to align a text table to the margins please?


  • Kevin Support Team Lead
    Replied on June 16, 2020 at 6:48 PM

    I have moved your last question to a different ticket in order to assist you better, we will continue assisting you here: https://www.jotform.com/answers/2393218 

    Thanks.