Ez a bővítmény nem lett tesztelve a WordPress legutóbbi 3 fő kiadásával. Lehetséges, hogy már nincs karbantartva, frissítve és a használata gondot jelenthet a frissebb WordPress verziókkal.

Ninja Forms Blocks

Leírás

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

Képernyőmentések

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

Telepítés

  1. Upload njf_blocks folder to the /wp-content/plugins/ directory
  2. A bővítmény bekapcsolása a WordPress “Bővítmények” menü részénél lehetséges
  3. add open [BLOCK] and close [/BLOCK] to your Ninja Form
  4. add css code for your blocks

GYIK

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%;
}

Vélemények

2018.01.08.
My client built all their Ninja forms using this, and now I cannot use the latest Ninja Form, because this add-on does not support it. Author promised to fix it 2 years ago, but nothing has been done.
2016.09.03.
Exactly was I was looking for. I really like to use the css classes built into my theme, Ninja Forms Blocks makes that possible. Now, @Alexander Chernovm, do you plan to test this fine plugin with WordPress 4.5 and Ninja Forms 3 once that arrives?
2016.09.03.
usefull plugin for ninja form thank you, it create perfectly 2 column. By the is there possible to create 3 column / 4column?
2016.09.03.
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.
8 (az összes) vélemény olvasása

Közreműködők és fejlesztők

“Ninja Forms Blocks” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Ninja Forms Blocks” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

1.2

  • Blocks removed from places not realated to form layout

1.1

  • Blocks moved to layout section

1.0

  • Blocks functionality