Is there a way to make only the second column read-only (using CSS) on matrix table?

  • Profile Image
    academicproofreading
    Asked on August 31, 2016 at 03:40 AM
    This is a great answer - is there a way to make only the second column read-only (using CSS)?
  • Profile Image
    BJoanna
    Answered on August 31, 2016 at 07:00 AM

    Can you please provide us ID of the form you are working on and tell us in which matrix table you want to make second column read-only?

    You can use this CSS code to make second column read-only:

    .form-matrix-table td:nth-child(3) input{

    pointer-events: none;}

    Here is my demo form: https://form.jotform.com/62433233810951 

    If you have more than one matrix field in your form this CSS code will make second column read-only on all matrix tables. If you want to make second column read-only for only one matrix field then you will need to add ID of that field in-front of the CSS code I provided you. 

    Inside of this guide you can find how to find field ID:

    https://www.jotform.com/help/146-How-to-find-field-IDs-and-names 

    Hope this will help. Let us know if you need further assistance. 

  • Profile Image
    academicproofreading
    Answered on September 01, 2016 at 05:38 AM

    That's great, thank you!

  • Profile Image
    Irshad
    Answered on September 01, 2016 at 08:23 AM

    You are most welcome. If you need further assistance, feel free to revert back.