GravityWP – CSS Selector

This plugin is an add-on for the amazing Gravity Forms Plugin.
Special thanks to Brad Vincent and Bryan Willis for developing the first and revised version of this plugin.

Quickly select custom and add-on CSS classes for your Gravity Forms fields. Open the picker next to the CSS Class field to add your own custom classes, Gravity PDF shortcuts, or the Gravity Wiz Copy Cat shortcut without remembering each class name.

Manage reusable class names, labels, descriptions and groups under Forms > Settings > CSS Selector without writing PHP. These are shortcuts for existing CSS rules; the library does not generate styles. Removing a library shortcut does not change saved fields.

The picker also lists classes used on other fields in the current form, including unsaved editor changes. Counts and tooltips show which fields use each class. Legacy Ready Classes are marked when shown, including classes reused from other fields.

CSS Ready Classes are legacy functionality. On Gravity Forms versions earlier than 3.0, the picker retains the applicable legacy shortcuts. On Gravity Forms 3.0 and later, built-in Ready Classes are hidden. Use native Choice Layout settings for radio button and checkbox layouts instead of the old choice layout shortcuts, and the native editor for field columns.

Existing saved classes are preserved. This update does not automatically remove or rewrite classes on your fields.

CSS Selector remains free and available for existing and new users. Development focuses on compatibility and maintenance, not expanding the legacy class catalogue.

Features

• Convenient button next to the CSS Class field in the form editor
• Small picker for custom and add-on CSS classes
• No-code, plugin-level class library with labels, descriptions and groups
• Reuse classes from other fields, with usage counts and field tooltips
• Legacy badges on Ready Classes
• Gravity PDF shortcuts: exclude a field or start a new PDF page
• Gravity Wiz Copy Cat shortcut: copy Field ID 1 to Field ID 2 (requires Copy Cat; adjust IDs as needed)
• Add more than one CSS class
• Double-click a CSS class to add it and auto-close the popup
• Add your own custom class buttons with the existing filter
• Legacy Ready Classes available only on Gravity Forms versions earlier than 3.0

About GravityWP

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.

• Advanced Merge Tags: 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.
• JWT Prefill: Securely populate form fields using JSON Web Tokens, ensuring data integrity and streamlining user experience.
• Advanced Number Field: Enhance number fields with features like custom units, fixed decimal places, sliders, and calculated min/max validation rules.
• List Number Format: 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.
• List Dropdown: Convert specific list field columns into dropdown select inputs.
• List Datepicker: Add calendar-based datepickers to list fields, allowing users to select dates directly within list columns.
• List Text: Enhance list columns with features like placeholders, textareas, and custom validation.
• Field to Entries: Automatically generate new form entries based on checkbox selections, multi-select choices, or list row data.
• Update Multiple Entries: Enable bulk updates of large amounts of existing entries in target forms through trigger forms, streamlining data management.
• And more…

Discover our suite of powerful Add-ons for Gravity Forms.