How do I change the size of text boxes in a specified matrix table without affecting everything?

  • Profile Image
    zk1
    Asked on April 26, 2012 at 05:26 AM

    Hi there,

    I have a form with four or five matrix tables. I want to increase the text box sizes for only one of the matrix tables. I have tried using the inject CSS method (here) but this changes all of the text boxes on the form. 

    Is there a way for me to pick a matrix table within a form, and increase the sizes of the text boxes in it without this affecting all of the other text boxes in other matrix tables?

    Thanks so much for your help!

    Z

  • Profile Image
    idarktech
    Answered on April 26, 2012 at 06:10 AM

    Hi,

    Do you like this to be applied on "Postgraduate" matrix field only? Please let us know so that we can further assist you. Thanks!

  • Profile Image
    zk1
    Answered on April 26, 2012 at 06:15 AM

    Hi, Yes for now I would like to add this to the Postgraduate matrix field but maybe later when I add more matrix tables I may wish to do the same thing for them..

    Many thanks!

    Z

  • Profile Image
    idarktech
    Answered on April 26, 2012 at 06:24 AM

    Hi,

    Use this CSS Code, simply inject it to your form:

    #id_21 .form-matrix-values input.form-textbox{

    width:400px !important;

    }

    I just added the "Postgraduate Matrix Element ID" which is #id_21. I get this using Chrome browser then right click the said matrix field and inspect element. If you'd like to learn more, here's how: http://idarktech.com/jotform/video/get_id.html

    Hope this helps. Let me know if you need further clarifications with this. Thanks!

  • Profile Image
    zk1
    Answered on April 26, 2012 at 06:38 AM

    This has worked perfectly! Thank you very very much for your swift and extremely helpful response to my query. 

  • Profile Image
    Amparo
    Answered on January 29, 2013 at 07:50 AM

    Hello,

     

    I want to do the same to some of my matrix tables but don't know the id for the tables.

    My form Id is 30223228868354

     

    Many thanks

     

    Amparo

  • Profile Image
    EltonCris
    Answered on January 29, 2013 at 11:33 AM

    Hi Amparo,

    Use the following codes. I have separated each codes for each matrices so you can pick the codes you want.

    /*--first matrix field--*/

    #id_347 .form-matrix-values .form-textbox{

    width:400px !important;

    }

    /*--second matrix field--*/

    #id_351 .form-matrix-values .form-textbox{

    width:400px !important;

    }

    Guide: How to Inject Custom CSS Codes to your Form

    Let me know if you need further assistance. Thanks!

  • Profile Image
    Fireconsultingltd
    Answered on February 20, 2017 at 06:58 AM

    Where are you inputing this code within the table matrix setup?

     

  • Profile Image
    ashwin_d
    Answered on February 20, 2017 at 08:09 AM

    Hello Fireconsultingltd,

    I have moved your question to a new thread so that we can address it separately. You will be answered in the following thread:  https://www.jotform.com/answers/1070898 

    Thank you!