GravityWP – CSS Selector vs Live Summary for Gravity Forms

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. 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. Features Convenient button added under the advanced tab next to the CSS Class field Clean and simple pop-up that lists all the CSS Ready Classes HTML Field Classes (alerts), Gravity PDF, Gravity Perks and CSS Ready Classes selectable Add more than one CSS Ready Class Double-click a CSS Ready Class to add it and auto-close the popup Add your own custom CSS to the pop-up modal 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.

This simple and free plugin helps you to easily add a live summary to any gravity forms. No coding required. Simply check the fields you want to see and save your form. TRY DEMO HERE GET PRO VERSION HERE How to set it up Install the plugin The plugin has its own settings page since v1.1. Find it under Form > Settings > Live Summary Switch on the “Turn on summary” checkbox. Decide which fields to show in the summary by checking the checkbox in the field settings of each field that you want to show. Summary will now work Optional: Show a total at the bottom. This will automatically work if you add any product fields to the form. To turn this total off, simply go back to the settings page and toggle the switch that says “show total in summary” screenshot section Conditional logic supported Currently the following field types are supported in the free version: Single Line Text Paragraph Text Drop Down Number Checkboxes Radio Buttons Name Date time Phone Address Website Username Email Multi Select Product Total Shipping More fields are supported in the PRO version PRO version Currently available PRO features are: NEW: Added new setting for choice fields (radio, select, checkboxes) which allows you to display the choice label instead of its value NEW: Added support for hidden fields NEW: Added support for Section fields. NEW: Added support for EU VAT field NEW: Added support for coupon fields NEW: Support for Gravity Forms Ecommerce fields (subtotal, tax, discount) NEW: Added support for Jetsloth Image Choices Change the field label shown in the summary + mergetag support in label Setting to change the “nothing selected” text Add a custom css class to the field line in the summary Adds a new fieldtype to Gravity that will output a live summary anywhere in your form! Adds support for merge tags inside HTML fields. (currently only working in multi-page forms) Make the summary sticky on scroll (very helpful for longer forms) Easily change default labels (Title and Total) Change the side of the summary (right or left) Brand Styler to configure things like fonts, border settings, background settings and padding settings Show summary on the confirmation page (experimental setting) More things are possible with this plugin such as moving the button just under the summary or adding a logo above it for example. This and more can currently only be done with custom code snippets. I provide these snippets free for Pro customers. GET PRO VERSION HERE Other plugins from the same developer EU Vat for gravity forms: Easily calculate and validate European VAT (taxes) in gravity forms GET IT HERE HERE Coinbase Commerce for gravity forms: Accept cryptocurrency payments with Coinbase Commerce and Gravity Forms GET IT HERE HERE Compatible with Gravity forms 2.5 and up. Feature requests This is a relatively new plugin and I am looking into how I can make the plugin better. Do you have an idea for this plugin? Please let me know in the support tab or mail me directly. Found any bugs? Please let me know before leaving a bad review. Chances are high that I will be able to fix it! Hire Me Are you looking for a professional to do a gravity forms related job? I have several years of experience with gravity forms and much longer with coding. Find out more on my website