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

    Styling answers/form fields

    Asked by tvdster on February 18, 2011 at 10:13 AM

    Before bringing this up, I did some additional reading and found that styling form fields is hindered considerably by the fact that different browsers render them differently. If you list all your fields in one column, there is no problem, but as soon as you try and save some space and use two columns, you're in trouble.

    Consider the following page: http://www.timverbruggen.nl/contact.php

    It's a contact page for one of my clients. It looks fine in Safari. In Firefox, Chrome and IE it looks terrible.

    The "Email" field measures 148 pixels in Safari and 187 pixels in Firefox, throwing the design out of whack.

    Curiously, even the fields align differently, and Safari is the only browser that resembles what I see in JotForm. I looked at the source code in JotForm and saw that the field width is expressed in positions not pixels. Apparently, all browsers interpret these settings differently.

    Related but not unimportant is that it's near impossible to align fields in JotForm. 

    Does this make the use of more than one column a bad idea? Are we stuck with one-column forms because of misbehaving browsers? Is there a workaround?

    Any ideas will be greatly appreciated.

    Best regards,

    Theo van der Ster

    Page URL:
    http://www.timverbruggen.nl/contact.php

  • Profile Image
    JotForm Founder

    Answered by aytekin on February 22, 2011 at 08:41 AM

    If you need columns to be aligned and have the exact same width, you should copy the full form source code to your favorite HTML editor and customize it there. 

    Here is how you can get full form source code. Open your form on the Form Builder:
    1. Open "Setup & Share" tab on toolbar,
    2. Click on "Embed Code"
    3. Click on "Source" button and copy it to your web site.

  • Profile Image

    Answered by tvdster on February 24, 2011 at 02:41 AM

    Thanks for replying.

    Yes, I did find out that I can copy the full source code and style it. Making the source code available in this way is a very good thing. It gives us as designers much more flexibility.

    I do think, however, that JotForm might offer more options in the way of positioning form elements. Freeform positioning would be nice to have.

    As it is, I can "Shrink" a field to allow more than one field on the same line. If I want two fields next to each other and two other field underneath, my only option to prevent them from all being on the same line is to decrease the form width or putting a header or free text in between. I find that a very awkward way of positioning fields.

    I understand that things must be kept simple to accommodate all sorts of users but positioning fields seems a basic requirement to me.

    Best regards,

    Theo van der Ster

  • Profile Image
    JotForm Founder

    Answered by aytekin on February 25, 2011 at 12:25 PM

    That's a very common problem and we actually have a solution for that: Right click on the shrinked field and then select Move to New Line.

  • Profile Image

    Answered by tvdster on March 02, 2011 at 05:42 AM

    Well, that was easy. Thank you.

    Still, aligning fields properly remains a weak point in an otherwise excellent web app in my opinion. Also - and I understand that writing documentation is a monumental, never-ending task, I'd like to see all features and possibilities comprehensively documented. 

    Think of it this way. You'd have more work writing the manual but much less work answering the same questions over and over again.

    And despite these points of critique, I still think JotForm is one hell of a web app. Keep up the good work.

    Best regards,

    Theo