Adjusting matrix with CSS code

  • Profile Image
    jsaffir
    Asked on December 31, 2013 at 08:54 PM

    I have adjusted my matrix with css code to make the columns different widths.  I have 11 columns.  The first 8 are adjusted to my satisfaction.  The last 3 are the same widths no matter what I do.  This is wierd because it was working fine, and then all of the sudden the last 3 columns were all equal in width and I'm unable to change them.  

     

    Here is my form:

    http://form.jotform.us/form/33645970074156

     

    Thanks for any help.  Your program and help are incredible!

  • Profile Image
    Welvin
    Answered on December 31, 2013 at 10:14 PM

    Hi,

    What was the desired width? This is the codes that controls the width of the last 3 matrix:

    /*---9th column width---*/

    .form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox {width: 100px;}

    This is the codes currently on your form custom CSS codes. Adjust the value in you need it.

    Thanks

  • Profile Image
    jsaffir
    Answered on January 01, 2014 at 12:15 PM
    This seems to be the same as what I had. It’s not controlling the last 3 columns. I want the 7th column to be 10px, the 8th to be 20px, and the 9th to be 150px.
    Sent from Windows Mail
    ...
  • Profile Image
    Welvin
    Answered on January 01, 2014 at 01:27 PM

    Hi,

    Can you please check this form: http://www.jotformpro.com/form/40005137256949. The 7th Column is already in 10px, the 8th column is adjusted to this form and the 9th column is already at 150px. So now, how about the 10th and 11th?

    I am now confused since you mentioned from your first post that you do not have the control to the last 3 columns.

    If you want to adjust the widths of the 9th, 10th and 11th columns, do it this way:

     

    /*---9th column width---*/

     

    .form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox {width: 150px;}

     

    /*---1oth column width---*/

     

    .form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox {width: 150px;}

     

    /*---11th column width---*/

     

    .form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values +.form-matrix-values .form-textbox {width: 150px;}

     

    Add this to your form custom CSS codes and adjust the widths per your requirements. You already made it but just had to add this codes to control the individual widths.

    Thanks

  • Profile Image
    jsaffir
    Answered on January 01, 2014 at 01:42 PM
    Thank you so much. I apologize for being a bit dense, but it’s fixed!
    Sent from Windows Mail
    ...