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

  • Profile Image
    VenessaW
    Asked on June 16, 2020 at 07:56 AM

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

  • Profile Image
    Patrick_R
    Answered on June 16, 2020 at 09: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

    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!

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

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

  • Profile Image
    VenessaW
    Answered on June 16, 2020 at 01: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?



  • Profile Image
    Kevin_G
    Answered on June 16, 2020 at 04: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.png

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

    We will be happy to assist you. 

  • Profile Image
    VenessaW
    Answered on June 16, 2020 at 05: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?


  • Profile Image
    Kevin_G
    Answered on June 16, 2020 at 06: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.