is there a way to work on the html of our forms?

  • Profile Image
    The_Mighty_Optiq
    Asked 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

     

    http://form.jotform.us/form/21121079868153?

     

    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%">

            Satisfied

    </th>

     

    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?

  • Profile Image
    jeanettebmz
    Answered 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

    Jeanette

  • Profile Image
    The_Mighty_Optiq
    Answered 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..

     

    http://form.jotform.us/form/20887484158163

     

    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...

  • Profile Image
    jonathan
    Answered on May 15, 2012 at 05:46 PM

    @The_Mighty_Optiq

    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.