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.

<blockquote>
TESTED WITH GRAVITY FORMS 2.6 & SUPPORT FOR LEGACY MARKUP! YES, REALLY! 🙂
</blockquote>
This plugin adds the same styling for Gravity Forms as Divi Theme has for its own forms. This is a very lightweight plugin with minified css to reduce the loading time as low as possible.
The plugin has full support for the new GF 2.5 markup and the 2.6 inline button feature, it even supports previous versions or the legacy markup. So don’t panic, you can use this plugin for all Gravity Forms versions. But it is recommended to use the new version with the new markup!
Gravity Forms fields and buttons are inherit Divi settings, so you can set the buttons look and feel.
There is NO OPTIONS OR SETTINGS PAGE for this plugin! It just works after activation. Divi settings may modify the look of the forms.
<h3>Responsive style for legacy markup</h3>
If you didn’t upgrade to GF 2.5 or still use legacy markup, the plugin adds responsive styles to your forms. So you can use complex forms, halves or thirds fields, your form will look great on mobile screens also.
<h3>Support for Extra by Elegant Themes</h3>
The plugin supports the Extra theme also, created by Elegant Themes. So you can use it to style your forms even with Extra theme.
<h3>Requirements</h3>
You have to buy the Divi Theme and the Gravity Forms Plugin to use this plugin:
<ul>
<li><a href="https://surbma.com/go/elegantthemes/" rel="nofollow ugc">Divi by Elegant Themes</a> (affiliate link)</li>
<li><a href="https://surbma.com/go/gravityforms/" rel="nofollow ugc">Gravity Forms</a> (affiliate link)</li>
</ul>
<h3>Info</h3>
My plugins for Divi theme:
<ul>
<li><a href="https://wordpress.org/plugins/surbma-divi-gravity-forms/" rel="ugc">Surbma | Divi & Gravity Forms</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-extras/" rel="ugc">Surbma | Divi Extras</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-lightbox/" rel="ugc">Surbma | Divi Lightbox</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-project-shortcodes/" rel="ugc">Surbma | Divi Project Shortcodes</a></li>
<li><a href="https://wordpress.org/plugins/surbma-divi-remove-project-cpt/" rel="ugc">Surbma | Divi Remove Project CPT</a></li>
</ul>
Do you want to contribute or help improving this plugin?
You can find it on GitHub: <a href="https://github.com/Surbma/surbma-divi-gravity-forms" rel="nofollow ugc">https://github.com/Surbma/surbma-divi-gravity-forms</a>
You can find my other plugins and projects on GitHub:
<a href="https://github.com/Surbma" rel="nofollow ugc">https://github.com/Surbma</a>
Please feel free to contribute, help or recommend any new features for my plugins, themes and other projects.
Do you want to know more about me?
Visit my webpage: <a href="https://surbma.com/" rel="nofollow ugc">Surbma.com</a>

Surbma | Divi & Gravity Forms

Responsive Divi form styles for Gravity Forms.

Surbma | Gravity Forms Tabindex Fix vs Surbma | Divi & Gravity Forms