Adjusting column cell width in Matrix field

  • Profile Image
    kevinstc
    Asked on May 19, 2015 at 07:06 PM

    Hi,

    I would like to adjust an individual column width in a matrix. From what I have been able to find in the setting, it appears I can only adjust the general cell size, rather than a particular column. 

    I have attached a screen shot for reference. What I am trying to do is widen the input field for the "Description (please specify VOLTAGE if applicable)" column so that it matches the header width. 

     

    Thanks in advance, 

    Kevin

  • Profile Image
    kevinstc
    Answered on May 19, 2015 at 07:19 PM

    Found the answer in a previous thread on the forum. This can be accomplished with the following CSS code:

    .form-textbox {
    width: 90%;
    }

  • Profile Image
    Charlie
    Answered on May 20, 2015 at 12:18 AM

    Glad that it worked for you. You can also try using this CSS code instead:

    td.form-matrix-values:nth-child(4)  > input {

        width : 90% !important;

    }

    The code above is specific to the input fields in the "Voltage" column in the Matrix field.

    Do let us know if that works also.

    Thank you.

     

  • Profile Image
    kevinstc
    Answered on May 20, 2015 at 12:16 PM

    Hi Charlie,

     

    That worked as well! I'll go ahead and use your option as it is more specific than my solution. 

     

    Thanks for the help!

     

    Kevin

  • Profile Image
    Charlie
    Answered on May 20, 2015 at 12:28 PM

    You're welcome. 

    For other concerns, please do not hesitate to contact us here in the forum.

    Thank you.