To create a multiple matrix table with column sizes different for each one ?

  • SumSolTrain
    Asked on June 11, 2014 at 3:54 AM

    i use the method usind script by addind the eg:#cid_17.form-matrix-values....

    but it is cahnging the whole table of my form,

    can u suggest how to do this to create this?

     

    i also have an issue with adding images in the row of the matrix,and let me know how to do that with the attached table and how to create a table with smaller width like the image,

    Jotform Thread 390308 Screenshot
  • Elton Support Team Lead
    Replied on June 11, 2014 at 6:31 AM

    Hi,

    Here's the CSS codes for that.

    .form-matrix-values {padding-left: 3px;padding-right: 3px;}

    /* 1st Column */

    .form-matrix-row-headers +

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

    /* 2nd Column */

    .form-matrix-row-headers +

    .form-matrix-values +

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

    /* 3rd Column */

    .form-matrix-row-headers +

    .form-matrix-values +

    .form-matrix-values +

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

    /* 4th Column */

    .form-matrix-row-headers +

    .form-matrix-values +

    .form-matrix-values +

    .form-matrix-values +

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

    Just change the width on each column to your preference. If you want to go beyond 4 columns, just add .form-matrix-values+ class under it.

    --

    For the image, just insert image html code on the rows property. Example:

    <img src="//yoursite.com/images/nba2014.png">

    To create a multiple matrix table with  column sizes different for each one ? Image 1 Screenshot 20

    Let us know if you need further assistance. Regards!

  • Cityplex
    Replied on March 8, 2017 at 2:53 PM

    Can I get some help with my matrix size? I only box space for 4 numbers. Thanks

    https://form.jotform.com/70645795804163

     

  • Jan
    Replied on March 8, 2017 at 5:17 PM

    @Cityplex

    I created a separate thread for you. Please wait for our reply on this thread: https://www.jotform.com/answers/1085249.

    Thank you.