Support » Plugin: Ninja Forms Blocks » Nice! Two-column forms so simple! Here's a layout fix for you.

  • Until I found the following CSS fixes I would’ve rated lower, but the simplicity of your solution Alexander is remarkable. Excellent plugin!

    May I suggest you add the following to your default CSS instructions & FAQ?

    /* Ninja Forms Blocks - adds 2 columns to forms */
    .njf-column {
        display: -moz-inline-stack; /* Firefox inline-block fix */
        display: inline-block;
        vertical-align: top;	/* Align both columns to top */
        width: 49.5%;
    }

    Also, here is a fix for IE6/7, which I didn’t test. Add to above section:

    zoom: 1;
    *display: inline;

    Props to Ryan Doherty of Mozilla.com for this detailed explanation of cross-browser support for inline-block, which also includes an additional fix for IE6 min-height.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Alexander Chernov

    (@alexusblack)

    Thank you ronherren , I will add your notices to FAQ to make it more useful for old versions of browsers.

    For some reason my two columns aren’t lined up correctly. There is no gap between the two boxes and one is slighly higher than the other?

    Any suggestions on how to improve this

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Nice! Two-column forms so simple! Here's a layout fix for you.’ is closed to new replies.