Can't get two column form aligned correctly

  • Profile Image
    hpeeters
    Asked 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

  • Profile Image
    Welvin
    Answered 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
    hpeeters
    Answered 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
    ashwin_d
    Answered 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
    hpeeters
    Answered 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
    ashwin_d
    Answered 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!