- The_Mighty_OptiqAsked on May 14, 2012 at 01:35 PM
just figured something out that helped me make an amazing discovery that could help me shorten my forms a LOT!!!... I looked at the source code of one of my forms to figure out how to get the id #s for the matrix and seen how it was set up.... Currently I have my colors presented as an html box with css and html presenting the colors and the matrix boxes with the name and selection... I made this form a while back just to experiment and see if I could manipulate it through css
I couldn't figure it out.... but the coding I use for the colors looks like this
<div style="background-color:#293036" id="newcolors01"></div>
<div style="background-color:#444b51" id="newcolors02"></div>
<div style="background-color:#798e63" id="newcolors03"></div>
<div style="background-color:#dad5c1" id="newcolors04"></div>
The HTML for the matrix cell looks like
<th class="form-matrix-column-headers" style="width:27%">
So couldn't I just merge them together and make
<th class="form-matrix-column-headers" style="width:27%; background-color:#blah;" id="newcolors01">
and us the css from the other form to make the top part big enough to hold the height of the box the color will show up in?..... If I can do this I can chop the whole color section IN HALF!!! and hopefully it won't have those script errors anymore.... is there a way I can access the form's html to do this and figure something out?
- jeanettebmzAnswered on May 14, 2012 at 06:15 PM
I have checked your form and I can see that it only contains one single dropdown field with a custom CSS code injected on it.
I would suggest you to use our Matrix field that you can find under the Survey tools menu and from there , you can customize your matrix according to your needs
Hope this helps, feel free to look for more assistance
- The_Mighty_OptiqAnswered on May 15, 2012 at 11:14 AM
I'm sorry, let me elaborate a little more... The form I posted before was just to something I was experimenting with in terms of trying to modify the matrix through CSS... the reason I was doing it was to find a different way to represent my color options on this form..
If you scroll down a little you'll see I have a bunch of different colors for people to select and I have them represented with a matrix field and an html box that have the colors in them.... what I'm trying to do is use the same html I put in the html boxes in a style in the actual matrix boxes... so that way I can eliminate the html boxes shortening the amount of content I have on my form. I copied the source code and pasted it into dreamweaver and tried it out and came up with a way for it to work, which was by making the header taller and in the html posting the background color of the colors I wanted present, so I was wondering if I could modify the html of this form somehow so I could do it...
- JotForm SupportjonathanAnswered on May 15, 2012 at 05:46 PM
Hi, are you referring to using form source code embed?
If you can use the form's source code on your website, it gives you a lot of flexibility in customizing the form's behaviour and looks to your needs.
Please inform us if this is not the answer you seek for. Thanks.