Easily select CSS Ready Classes for your fields within Gravity Forms

Manny Rodrigues

WP Gear Pro

CSS Ready Classes for Gravity Forms

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

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>


Alternatives to GravityWP – CSS Selector

Top alternatives