What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.

  • Profile Image

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

    Asked by The_Mighty_Optiq 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?

  • Profile Image

    Answered by jeanettebmz 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


  • Profile Image

    Answered by The_Mighty_Optiq 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...

  • Profile Image
    JotForm Support

    Answered by jonathan 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.