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

    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.

    Page URL:
    http://form.jotform.us/form/50561793504153?

    Screenshot
    text boxes 2 column label content
  • Profile Image
    JotForm Support

    Answered by Welvin on February 28, 2015 at 01:11 PM

    Hi,

    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.

    Thanks

  • Profile Image

    Answered by formvendor on February 28, 2015 at 03:19 PM

    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.

     

  • Profile Image

    Answered by Ben on February 28, 2015 at 07:13 PM

    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.

    Now there is also another issue. Please notice the field next to "COL 2". It is set to collect "Social Security Number" and that is against our terms of use and must be removed or your account will be disabled.

    Please note that if not, we would have to remove the jotform instead.

    Please take a look at our terms of use to see more in regards to this.

  • Profile Image

    Answered by formvendor on February 28, 2015 at 08:54 PM
  • Profile Image
    JotForm Support

    Answered by jonathan on March 01, 2015 at 03:05 AM

    Your latest response came out empty. Please click on this link http://www.jotform.com/answers/524433 when responding again.

    Thanks.