2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2- Possible??

  • formvendor
    Asked 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.

    Jotform Thread 524433 Screenshot
  • Welvin Support Team Lead
    Replied on February 28, 2015 at 1: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:

    2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2  Possible?? Image 1 Screenshot 30

     

    Kindly check my clone version of your form: http://www.jotformpro.com/form/50584677359975. The labels are currently on top:

    2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2  Possible?? Image 2 Screenshot 41

    Let me know your feedback about this form.

    Thanks

  • formvendor
    Replied on February 28, 2015 at 3: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:

    2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2  Possible?? Image 1 Screenshot 20

    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.

     

  • Ben
    Replied on February 28, 2015 at 7: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.

    2 Column Responsive Form w/ Labels in Column 1 & Text Boxes in Column 2  Possible?? Image 1 Screenshot 20

    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.

  • formvendor
    Replied on February 28, 2015 at 8:54 PM
  • jonathan
    Replied on March 1, 2015 at 3:05 AM

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

    Thanks.