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

    How to align fields into two columns?

    Asked by intefix on October 02, 2013 at 04:01 AM

    Hello...

    Thank you for your services...

    I'm try-maker web pages - forms associated with MySql databases. My data usually is more than 12 fields.
    So have a very long form. I don't like that.
    I want to put my fields in two columns or 3 sometimes if it's a lot.
    I've got accomplished using div's but my broken automation events in js and css files.

    Is it here a good sample whith more fields in columns?

    Tell me please why in other form like that (working ok css and js) and here no? both forms using same css and js files.

    Regards

    Page URL:
    http://www.geocity.gr/polis/event_add.html

    two columns www div hello
  • Profile Image
    JotForm Support

    Answered by Welvin on October 02, 2013 at 11:13 AM

    Hi,

    You can simply use our Field Positioning Function. Check it here: Form Field Positioning. This should allow you to align fields vertically.

    Let us know if you need any further assistance about this function.

    Thanks

  • Profile Image

    Answered by intefix on October 03, 2013 at 02:52 AM

    Ok good idea but the results is not good...is not Column real...any idea?

  • Profile Image

    Answered by pinoytech on October 03, 2013 at 03:29 AM

    Hi,

    Aside from Form Field Positioning which my colleague suggested, you can also use custom css injection. You might like to take a look at this form: http://www.jotformpro.com/form/32751259711959

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by pinoytech on October 03, 2013 at 03:37 AM

    Hi,

    Can you please take a look at this clone form if this works: http://www.jotformpro.com/form/32752228889972

    If yes, inject this custom css into your form.

    .form-all {

    border: 1px solid #ccc;

    }

    .form-line.form-line-column {

    width: 445px !important;

    }

    If you need further assistance, please let us know.

    Thank you!

  • Profile Image

    Answered by intefix on October 03, 2013 at 04:03 AM

    Thank you for quick response and solution...I think will am ok with that...

    Again thank you!!!!

  • Profile Image

    Answered by pinoytech on October 03, 2013 at 04:24 AM

    On behalf of my colleague Welvin, you are quite welcome! If you need our assistance again, please feel free to contact us at anytime.

    Have a nice day!

  • Profile Image

    Answered by intefix on October 03, 2013 at 07:32 AM

    Dear...

    1)How add "html" icon/button in editor? tongle editor in editor header?

    2)I want 2nd group time to be invisible. Ok that..How add a small + icon/link (ajax) on right "1η Ώρα Λήξης" convert visible 2nd group like add new record?

    here is form live.

     

    Regards Harry

  • Profile Image
    JotForm Support

    Answered by guilledutra on October 03, 2013 at 09:03 AM

    Hi

    intelfix could you open a new forum thread with your new request, we will glad to help you if you open separated threads.

    Thanks