How to add titles to columns in Input table?

  • Hangchanleakna
    Asked on August 15, 2018 at 10:55 PM


    How to add titles to columns in Input table? Image 10

    Team , 

    I need help , i chose input table in my form. 
    What i expect is to have a title as yellow highlight , 

    means the titles of 

    *Brands :

    Pepsi 

    big cola 

    7 up 

    *Pack Type

    CAN 

    PET

    Can we do that ? 

    Can anyone tell me how to do this ? 

    Thanks 

  • Nik_C
    Replied on August 16, 2018 at 4:10 AM

    You could achieve that by using Text fields and custom CSS, here is what I mean:

    1) Insert two Text fields:

    1534406854Screen Shot 2018 08 16 at 10 Screenshot 10

    2) Make them shrink:

    1534406881Screen Shot 2018 08 16 at 10 Screenshot 21

    3) Add the below CSS to Custom CSS Field:

    li#id_4 {

        position: relative;

        top: 90px;

    }

    li#id_5 {

        position: relative;

        top: 65px;

        left: -70px;

    }

    But please be mindful that the IDs of the fields will be different for your form, so if you need help with it, please let us know.

    You can check how it works here: https://form.jotform.com/82272357111955

    You can even clone that form to your account if you wish: https://www.jotform.com/help/42-How-to-Clone-an-Existing-Form-from-a-URL

    Thank you!


  • Hangchanleakna
    Replied on August 16, 2018 at 9:45 AM

    Hi nick I’m half way there.

    i need help with ID . I couldn’t’t find field on text 

  • Nik_C
    Replied on August 16, 2018 at 11:23 AM

    I adjusted this for you, this is how it looks like:

    1534432935Screen Shot 2018 08 16 at 5 Screenshot 10

    And this is the code I used:

    li#id_22 {

        left: 174px;

        top: 65px;

        position: relative;

    }

    li#id_23 {

        position: relative;

        top: 40px;

        left: -19px;

    }

    So the IDs are bolded for your reference.

    Please check and let us know if you need any assistance.

    Thank you!

  • Hangchanleakna
    Replied on August 17, 2018 at 1:10 AM

    hi nik , 

    you're awesome. can you assist me once again how to resize this 2 columns ? 

    i wanna shorten the height. it looks so big to me. 


    How to add titles to columns in Input table? Image 10

  • daisy JotForm UI Developer
    Replied on August 17, 2018 at 7:00 AM

    Dropdown field's height of the form looks fine.

    Can you share us with the Form Id, please?

    Feel free to ask more questions if you need further assistance.