WP Manifestindependent plugin directory
manifest / forms / doublee-ninja-markup

Double-E Ninja Markup

Overrides Ninja Forms' front-end HTML markup with BEM-style class names and data attributes for layout and styling.

by Double-E Design · github.com/doubleedesign/doublee-ninja-markup · website

0stars
82composer installs
0forks

Install

No release zip yet. The repository archive installs, but the folder name will carry the branch suffix and updates will not flow:

wp plugin install https://github.com/doubleedesign/doublee-ninja-markup/archive/refs/heads/master.zip

Also on Packagist as doubleedesign/doublee-ninja-markup:

composer require doubleedesign/doublee-ninja-markup

From the readme

BEM markup and styling for Ninja Forms This plugin customises the HTML and CSS of the front-end output of Ninja Forms. The customised HTML follows BEM (Block Element Modifier) methodology, applies some data attributes used for layout and styling in Comet Components to allow for easier integration of Ninja Forms into Comet-based projects, and makes some other minor changes to markup for improved semantics. In some places, the markup is simplified by removing superfluous classes, wrapping divs, and attributes. But that said, there are a lot of places this can't be done because the core JavaScript of Ninja Forms relies on them. For easier theming, this plugin also: - Makes the submit button a element instead of an element, making it easier to style like other buttons (including button-style links) using techniques like pseudo-elements for adding icons and animated hover effects. To further customise the HTML (for example, to add an SVG instead of using a pseudo-element for an icon), you can override it with your own version by copying the fields-submit.html file into /ninja-forms/templates/ in your theme and making your modifications there. - Automatically wraps the submission r

Read the full README on GitHub →