Surbma

CherryPick Studios

IMPORTANT! The latest version of Gravity Forms has a new option to add tabindex to its forms. When you insert a new form in a post or page, you can find this option under the “Advanced Options”. There you can give a value to the tabindex, which will fix this issue without my plugin. It means there is no need to use this plugin, if you give this tabindex value to every form on your page. This plugin is still working and it can save you time, so if you want to use it, there is no conflicts or any problem.
Fix for <a href="https://surbma.com/go/gravityforms/" rel="nofollow ugc">Gravity Forms</a> (affiliate link) tabindex issue, when more than one forms are displaying on one page.
Original solution from David Smith, <a href="https://gravitywiz.com/fix-gravity-form-tabindex-conflicts/" rel="nofollow ugc">Gravity Wiz</a>. Thank you!

Surbma | Gravity Forms Tabindex Fix

I'm surprised, even embarrassed by the fact Gravity Forms doesn't do this automatically. Having to do this manually using "advanced options", give me a break! There's no reason you would ever want two fields to have the same tabindex.
Thanks for this.
Update: Looks like Gravity Forms added a solution so this plugin is no longer needed. Still, I appreciate the fix when it was needed!



Works, no configuration needed!

Fix for Gravity Forms tabindex issue, when more than one forms are displaying on one page.

Manny Rodrigues

WP Gear Pro

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.
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>.
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>.
<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>.
<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.

Surbma | Gravity Forms Tabindex Fix vs CSS Ready Classes for Gravity Forms