Found Image http://plugins.svn.wordpress.org/ninja-forms-blocks/assets/icon-256x256.png Ninja Forms Blocks | Plugin Review Network Skip to Content

Plugin Review Network

Plugin Review Network

an eye on the best wordpress plugins
Show Sidebar Hide Sidebar
[+] Sidebar [-] Sidebar
Plugin:
Rated:
88%
4.4 Stars (7 votes)

WP.Org

ReadMe

Support
  • Author:
    Alexander Chernov
Version: 1.2
Requires: WP 3.0.1
Last Updated:2801 days ago
Downloads:14861
Installations: 3,000+
Tags:
    blocks, columns, div, layout, ninja forms
Download Plugin Package

Ninja Forms Blocks

Released on May 13, 2015.
Download Plugin Package

Version: 1.2

Add blocks functionality to Ninja Forms plugin. Can be used to create columns in your forms.

  • Description
  • FAQ
  • Changelog
  • Installation
  • Screenshots


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
Screenshot 1


Add custom class to [BLOCK]
Screenshot 2



 

Click here to cancel reply.

Click here to cancel reply.


*

*


Please copy the string Ytjvis to the field below:

Home | Sitemap | Contact
Network Skin Theme for BioShip by WordQuest
Password Reset
Please enter your e-mail address. You will receive a new password via e-mail.