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.
2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2- Possible??Asked by formvendor on February 28, 2015 at 10:02 AM
I would like to know if there is a way to use "label-left" and have their respective content fields align with symmetry from element to element? I thought perhaps 2 columns could be used but that doesn't appear to be an option. As of right now - they are all jagged.
Thank you in advance for your help and your time.
text boxes 2 column label content
I think that is possible, but you will have to adjust the form width. Also, what I've found out in your form is that the label width is too narrow and the alignments are mixed, some are set to top, some are left and some are auto. You will have to select 'auto', otherwise, the "Label Alignment" in the form preferences won't work for the entire form:
Kindly check my clone version of your form: http://www.jotformpro.com/form/50584677359975. The labels are currently on top:
Let me know your feedback about this form.
Thank you for your time Welvin!
It's funny that you brought up the label positioning b/c I have somehow managed to break JotForm, in the sense that when I go into preferences and select to have all the labels align: *auto OR *left OR *top - and then save... nothing happens and nothing changes. So I have had to go element-by-element and change the label positioning which has been a huge time-suck. :(
To make matters worse- when I select an individual element and change the label from say *top to *left- it doesn't actually move to the left.
This challenge, albeit frustrating, pales to the larger issue which is that I've selected for the form to have 2 columns, but the shrink/expand feature isn't working inside of my form editor, in the sense that if I have a 'Date' element and I shrink it, then go to the element below it and try to move it up to the previous row... the option isn't there to do so- regardless of the type of element?
So it isn't that I really really want the labels in one column and the textboxes in the other... it's that the native functionality of having 2 columns seems to be broken within my editor...so I started exploring alternative options to deal with the "full width stretching of each textbox within it's own row" issue.
What I would actually like is for everything to naturally fall into 2 columns, like this:
This is screenshot from a different template I was working on in the event that we couldn't get the first one functional: http://form.jotform.us/form/50585173111145 and yet even this one seems super glitchy- take a look at "Step 1, Step 5 and Step 6" within that form. Elements that should be on the same row (in 2 columns) are dropping down to the next row...
Given how many things aren't functioning correctly in my backend- I don't have any idea how to address these issues.
Any help or insight you might have would be greatly appreciated.
Based on what you have mentioned I would suggest to clear your browser cache and would like to ask you what is the browser that you are using? I never had such issues on my Firefox browser and many of my colleagues are using Chrome and did not hear them mentioning anything similar.
I ask this so that we can take a test and see what might be going on.
Now in regards to your field positioning issue, please note that the reason this is happening is that you have created several colons, each following the next one.
Please note that if not, we would have to remove the jotform instead.
Your latest response came out empty. Please click on this link http://www.jotform.com/answers/524433 when responding again.