Description
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
Screenshots
Add open [BLOCK] and close [/BLOCK] to your Ninja Form 
Add custom class to [BLOCK]
Installation
- Upload
njf_blocksfolder to the/wp-content/plugins/directory - Activate the plugin through the ‘Plugins’ menu in WordPress
- add open [BLOCK] and close [/BLOCK] to your Ninja Form
- add css code for your blocks
FAQ
- 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%;
}
Reviews
Contributors & Developers
“Ninja Forms Blocks” is open source software. The following people have contributed to this plugin.
Contributors
Translate “Ninja Forms Blocks” into your language.
Interested in development?
Browse the code, check out the SVN repository, or subscribe to the development log by RSS.
Changelog
1.2
- Blocks removed from places not realated to form layout
1.1
- Blocks moved to layout section
1.0
- Blocks functionality