How to add titles to columns in Input table?

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


    15343879941.PNG

    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 

  • Profile Image
    Nik_C
    Answered on August 16, 2018 at 04: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.0

    2) Make them shrink:

    1534406881Screen Shot 2018-08-16 at 10.0

    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!


  • Profile Image
    Hangchanleakna
    Answered on August 16, 2018 at 09:45 AM

    Hi nick I’m half way there.

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

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

    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!

  • Profile Image
    Hangchanleakna
    Answered on August 17, 2018 at 01: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. 


    15344825782.PNG

  • Profile Image
    daisy
    Answered on August 17, 2018 at 07: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.