No results found. Try again with different words?

Search must be at least 3 characters.

Tab Index – for multiple Gravity Forms

Tab Index is useful whe you have multiple Gravity Forms on the same page.

Quite often we’ve seen that, while filling a form, if we press the tab key, the cursor moves to the next form field. This happens as Gravity Form assumes its default tab index values and it smotthly land us to the next form filed.

When you use multiple forms on one page you might have faced issue while pressing tab key. From last field of first form, when we press tab key we expect cursor to move to first field on next form. But sometimes cursor do not move to correct field.

You can avoid this by changing the tab index values on your forms so that they work as expected.

How to change the tab index value of a Gravity Form?

Open the General tab of the Gravity Form Styler block. Enable Using Multiple Gravity Forms option. Enter a tab index value in the given field as shown in the screenshot below.

gravity-styler-tab-index

Note: The tab index value should be greater than the total number of fields in your previous form.

For example – If form-1 has 5 fields and its tab index is set to 30. Then tab index for next form, say form-2 should be 30+5= 35. So that when you press tab from last field of form-1, the cursor will move to first field of form-2.

To know more about the Gravity Form tab index, you can refer to the article here.

Build Ultra High Performance
Websites, Without Coding

Whether you are a beginner, marketer, or professional, Spectra has the tools and resources you can rely on to succeed

Get Notified When Available

Note - You can purchase the Essential Toolkit now and easily upgrade to the Business Toolkit once it becomes available.

Download is Just A Click Away!

Enter your email address and be the first to learn about updates and new features.

Get your hands on Spectra Pro

Enter your name and email address to get access to Spectra Pro.