- tvdsterAsked 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.
Theo van der SterPage URL:
- JotForm FounderaytekinAnswered 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.
- tvdsterAnswered 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.
Theo van der Ster
- JotForm FounderaytekinAnswered 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.
- tvdsterAnswered 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.