Ninja Forms Blocks is really simple plugin adding two form elements: [BLOCK] and [/BLOCK]. [BLOCK] is a html div element with custom class option. Using blocks you can:

• Separate your form elements by logic
• If you use some bootstrap like framework create columns using classes .col.col-6
• Create or apply your CSS to form elements groups

How I can create two columns layout with custom css?

Create two columns with blocks in form editor, add njf-column njf-column__left classes to first [BLOCK] and njf-column njf-column__right classes to second [BLOCK]. Then add this code to your CSS file (thanks @ronherren): .njf-column { display: -moz-inline-stack; /* Firefox inline-block fix / display: inline-block; vertical-align: top; / Align both columns to top / zoom: 1; / IE inline-block fix / *display: inline; / IE inline-block fix */ width: 49.5%; }

1.2

• Blocks removed from places not realated to form layout

1.1

• Blocks moved to layout section

1.0

• Blocks functionality

1. Upload njf_blocks folder to the /wp-content/plugins/ directory
2. Activate the plugin through the 'Plugins' menu in WordPress
3. add open [BLOCK] and close [/BLOCK] to your Ninja Form
4. add css code for your blocks

Add open [BLOCK] and close [/BLOCK] to your Ninja Form



Add custom class to [BLOCK]