GravityWP

<blockquote>
<p>This plugin is an add-on for the amazing Gravity Forms Plugin.<br />
  Special thanks to <a href="https://profiles.wordpress.org/bradvin/" rel="nofollow ugc">Brad Vincent</a> and <a href="https://github.com/bryanwillis" rel="nofollow ugc">Bryan Willis</a> for developing the first and revised version of this plugin.</p>
</blockquote>
<p>Gravity Forms has CSS Ready Classes to style your form fields. Using these classes, you can easily create more advanced layouts for the fields in your forms. Excellent idea, however, the problem is you always need to remember what the exact class name is. Now with this CSS Selector, you don’t need to remember. Simply click on a button to launch the pop-up and choose the class you want to add.</p>
<h4>Features</h4>
<ul>
<li>Convenient button added under the advanced tab next to the CSS Class field</li>
<li>Clean and simple pop-up that lists all the CSS Ready Classes</li>
<li>HTML Field Classes (alerts), Gravity PDF, Gravity Perks and CSS Ready Classes selectable</li>
<li>Add more than one CSS Ready Class</li>
<li>Double-click a CSS Ready Class to add it and auto-close the popup</li>
<li>Add your own custom CSS to the pop-up modal</li>
</ul>
<h3>About GravityWP</h3>
<p>GravityWP is a third party that develops high-quality addons for Gravity Forms. We provide additional tools that can be used to build full-blown web applications.</p>
<ul>
<li><a href="https://gravitywp.com/add-on/advanced-merge-tags/" rel="nofollow ugc">Advanced Merge Tags</a>: Enhance your form customization with powerful merge tag modifiers, enabling functions like date adjustments, character and word counts, URL encoding, and retrieving data from other forms or sources.</li>
<li><a href="https://gravitywp.com/add-on/jwt-prefill/" rel="nofollow ugc">JWT Prefill</a>: Securely populate form fields using JSON Web Tokens, ensuring data integrity and streamlining user experience.</li>
<li><a href="https://gravitywp.com/add-on/advanced-number-field/" rel="nofollow ugc">Advanced Number Field</a>: Enhance number fields with features like custom units, fixed decimal places, sliders, and calculated min/max validation rules.</li>
<li><a href="https://gravitywp.com/add-on/list-number-format/" rel="nofollow ugc">List Number Format</a>: Transform list field columns into numeric formats, supporting calculations such as totals, or other row and column-based computations, with options for rounding, currency, and range constraints.</li>
<li><a href="https://gravitywp.com/add-on/list-dropdown/" rel="nofollow ugc">List Dropdown</a>: Convert specific list field columns into dropdown select inputs.</li>
<li><a href="https://gravitywp.com/add-on/list-datepicker/" rel="nofollow ugc">List Datepicker</a>: Add calendar-based datepickers to list fields, allowing users to select dates directly within list columns.</li>
<li><a href="https://gravitywp.com/add-on/list-text/" rel="nofollow ugc">List Text</a>: Enhance list columns with features like placeholders, textareas, and custom validation.</li>
<li><a href="https://gravitywp.com/add-on/field-to-entries/" rel="nofollow ugc">Field to Entries</a>: Automatically generate new form entries based on checkbox selections, multi-select choices, or list row data.</li>
<li><a href="https://gravitywp.com/add-on/update-multiple-entries/" rel="nofollow ugc">Update Multiple Entries</a>: Enable bulk updates of large amounts of existing entries in target forms through trigger forms, streamlining data management.</li>
<li>And more…</li>
</ul>
<p>Discover our suite of powerful <a href="https://gravitywp.com/add-ons/" rel="nofollow ugc">Add-ons for Gravity Forms</a>.</p>


GravityWP – CSS Selector

Easily select CSS Ready Classes for your fields within Gravity Forms

Manny Rodrigues

WP Gear Pro

<p>This WordPress plugin for Gravity Forms will allow you to quickly and conveniently select from a fully updated list of CSS Ready Classes available under your form fields’ Appearance tab. This plugin is a modified version of <a href="https://wordpress.org/plugins/gravity-forms-css-ready-selector/" rel="ugc">Brad’s Gravity Forms CSS Ready Class Selector WordPress plugin</a>. Special thanks to <a href="https://profiles.wordpress.org/bradvin/" rel="nofollow ugc">Brad Vincent</a> for the original code and <a href="https://github.com/mkormendy" rel="nofollow ugc">Mike Kormendy</a> for the cleaned up version! <a href="https://endurtech.com/css-ready-classes-plugin/" rel="nofollow ugc">Visit the new and improved plugin web site</a> for more details.</p>
<p>This plugin, as of v2.5, will also HIDE ALL Gravity Forms backend tooltips when managing your forms. Those tooltips are helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore tooltip function simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please <a href="https://endurtech.com/contact/" rel="nofollow ugc">get in touch with me</a>.</p>
<p>This plugin, as of v2.7.6, will also HIDE ALL Gravity Forms “Required Field Notification” message which appears at the top of every form. That notification is helpful to the uninitiated but quickly become a pest to those of us who are initiated. To restore the notification message at the top of each form simply disable this plugin. In a future release I will look into embedding this feature into the main Gravity Forms Settings area so that it can be toggled. If anyone wants to help me achieve this please <a href="https://endurtech.com/contact/" rel="nofollow ugc">get in touch with me</a>.</p>
<p><a href="https://endurtech.com/give-thanks/" rel="nofollow ugc">Donate now</a> to ensure future improvements to this plugin by <a href="https://endurtech.com/send-a-tip-using-the-brave-browser/" rel="nofollow ugc">sending me a tip using Brave</a> or by <a href="https://endurtech.com/give-thanks/" rel="nofollow ugc">sending me a one-time donation</a>.</p>
<h3>Features</h3>
<ul>
<li>Conveniently accessible with a link next to the “Custom CSS Class” field under a fields’ “Appearance” tab.</li>
<li>Clean and simple popup / modal window listing a fully updated list of Gravity Forms CSS Ready Classes.</li>
<li>Click to clear all previously submitted CSS Ready Classes from the “Custom CSS Class” field.</li>
<li>You are able to add more than one CSS Ready Class, when done just click away or the close button.</li>
<li>Double click any CSS Ready Class to add it and auto-close the popup / modal window.</li>
<li>Hover over any CSS Ready Class to obtain a description of the class.</li>
<li>Hides ALL Gravity Form backend tooltips when managing your forms (as of v2.5).</li>
<li>Hides ALL Gravity Form frontend notification message regarding required fields (as of 2.7.6).</li>
</ul>


CSS Ready Classes for Gravity Forms

Conveniently select Gravity Form CSS Ready Classes from your form fields Appearance tab.

GravityWP – CSS Selector vs CSS Ready Classes for Gravity Forms