-
SumSolTrainAsked 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,
-
Elton Support Team LeadReplied 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">
Let us know if you need further assistance. Regards!
-
CityplexReplied on March 8, 2017 at 2:53 PM
-
JanReplied 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.