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

    Can't get two column form aligned correctly

    Asked by hpeeters on January 25, 2014 at 06:24 AM

    Hi there,

    I'm trying to align my from into two columns, Column1 = "Uw gegevens" & Column 2 "Waardebonnen toevoegen". Check out the form & screenshot and you know what I mean.

    I tried wit CSS padding, it works in Firefox but in Chrome, Internet Explorer & Safari it doesn't look right. I'm no CSS expert so I have no clue in what to do to get this right.

    Can someone help me to get this right?

    If possible I also want to have some vertical line between the two columns.

    Thanks!


    Henry

    Page URL:
    http://form.jotformeu.com/form/40222332142335

    Screenshot
    two column two column form css padding check two columns thanks
  • Profile Image
    JotForm Support

    Answered by Welvin on January 25, 2014 at 12:20 PM

    Hi Henry,

    I've made the form into two (2) columns: http://www.jotformpro.com/form/40244815186959. Kindly clone this form by following this guide: How to clone an existing form from a URL

    You can check the custom CSS codes added to the form by following this guide: How to Inject Custom CSS Codes

    Note: The custom CSS codes is only applicable to the current form structure. The CSS codes needs an adjustments if you want add a field and change the positioning.

    Thanks

  • Profile Image

    Answered by hpeeters on January 27, 2014 at 06:00 AM

    Hi Welvin,
    Thanks for your support! I cloned the form and positioned it on my website with the javascript code, but the form doesn't look right in the different browsers. Also the form is centered, which I don't want. Please have a look at the attached screenshots for each browser.
    Regards,
    Henry

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 27, 2014 at 06:52 AM

    Hello Henry,

    Unfortunately, we cannot receive attachments here. Check the following guide which should help you upload screenshot in your forum post:  http://www.jotform.com/answers/277033

    I checked your form with it's direct link in few browsers like chrome, mozilla and safari and it appears to be displayed correctly with 2 columns. Do let us know the browser and its version with which you are having problems and we will take a look. It would be appreciated, if you could let us know your web page URL where you have your form embed.

    Thank you!

  • Profile Image

    Answered by hpeeters on January 27, 2014 at 07:24 AM

    Hi Welvin,


    For now I decided to not use 2 column form so the topic can be closed/deleted.

    Rgds,

    Henry

  • Profile Image
    JotForm Support

    Answered by ashwin_d on January 27, 2014 at 08:08 AM

    Hello Henry,

    Thank you for updating us.

    Do get back to us if you have any questions.

    Thank you!