How can I create a checkbox into a timetable

  • ismaili110
    Asked on March 13, 2015 at 3:58 PM

    hello,

    thank you for this great site,

    i would like to know if its possible to create a check-box into a timetable using the same first column for all options and different raws

     

    thank you in advance

     

  • Mike
    Replied on March 13, 2015 at 6:15 PM

    Thank you for contacting us.

    Could you please provide us with a bit more information on your inquiry? What timetable are you referring? Any additional information would be appreciated.

  • ismaili110
    Replied on March 15, 2015 at 6:07 AM

    Sorry i meant a table not a timetable

    e.g. of what i'm looking for :

     

    Q1: How is your language skills:    

                                          90% - 100%            70% - 90%            50% - 70%            below 50%

    a- Reading skills                                                      *

    b- writing skills                          *

    c- communication skills                                                                        *

     

    this is just an example of what i'm looking for

     

  • Sean
    Replied on March 15, 2015 at 9:59 AM

    Our Matrix tool under the Survey Tools tab would be a good way to accomplish this.

    Here is a demo form:
    http://form.jotformpro.com/form/50734319061955 

    How can I create a checkbox into a timetable Image 1 Screenshot 20

    I hope this helps. Do let us know if further assistance is needed.

    Regards

  • Sean
    Replied on March 15, 2015 at 10:51 AM

    I realized that you had a the menu Below 50% added to your example. You can insert this as a row content and inject the CSS below to hide the check boxes associated with that label.

    How can I create a checkbox into a timetable Image 1 Screenshot 20

    .form-matrix-table tbody tr:nth-child(2) td:nth-child(2) input{
    visibility: hidden !important;
    }

    .form-matrix-table tbody tr:nth-child(2) td:nth-child(3) input{
    visibility: hidden !important;
    }

    .form-matrix-table tbody tr:nth-child(2) td:nth-child(4) input{
    visibility: hidden !important;
    }

    This guide might be useful:
    https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes