How to disable the first two columns of the matrix table making it unclickable.

  • Profile Image
    choza
    Asked on June 03, 2015 at 02:40 PM

    I would like to make a matrix that has multiple columns 'locked' - as in 2 columns on the left side with descriptive elements that cannot be changed and then the rest of the columns as answer columns.

     

    Please advise!

     

    Thanks so much!

  • Profile Image
    Mike_G
    Answered on June 03, 2015 at 04:38 PM

    I suppose you are pertaining to a Matrix with textboxes. 

    I understand that you would like the first two columns locked or become read-only.

    You can either,

    1. Add "disabled" to the <input> element of the <html> source code of your form: 

    Then, 

    And when you embed it to your website, 

    It would result to this. 

    Or

    2. Add custom CSS codes to the Matrix using this guide.

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

    opacity: .5;

    pointer-events: none;}

    This would make the input field of the first and second column of the matrix table unclickable.

    I hope this helps. Let us know if you need further assistance. Thank you.

  • Profile Image
    academicproofreading
    Answered on August 30, 2016 at 10:20 PM

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

    On behalf of my colleague, you're most welcome. I've created a separate thread for you, so anyone in the support staff will be able to assist you with your specific requirement. Please follow up there:

    https://www.jotform.com/answers/920964