I have 2 forms on a page and of course the tabbing doesn't work correctly inbetween fields when using the top form. This is for a Contact page. When filling in the Name, clicking on the Tab key... it then jumps to the form at the bottom of the screen for its Name field.
The URL is here:
How do I control this and make it stay on the top form?
Thanks,
Angie
Angie,
You would just need to set a higher tabindex on your GF shortcode:
http://www.gravityhelp.com/documentation/page/Embedding_A_Form
You can set the tabindex for either form so that the indexes do not overlap. I would set the index in the shortcode you used to embed form 3. You can add tabindex="25" right inside your shortcode. The shortcode might look something like this when you're done:
[php]
[gravityform id="3" name="Contact Us" title="true" ajax="false" tabindex="25"]It's documented here:
http://www.gravityhelp.com/documentation/page/Shortcodes
Thank you for the replies.
Okay I tried this and it didn't work... this is what is there now:
[gravityform id="3" name="Contact BOING - on Contact Page" title="true" ajax="false" tabindex="25"]
Do I need to increase the tabindex number?
Thanks!
The 25 is just a suggestion so that it does not conflict with any other forms. If you don't have any forms with more than 25 fields, the 25 will be fine. In your case, something like 8 would have been OK too, or you could go crazy and make it 92. It just needs to start with a different number than the other form will, by default, and then not conflict with another tabindex (in other words, you could not start one form at 2 if you have more than two fields in the other form. It would still conflict.)
I took at a look at the page. The tabindex is unchanged. Can you send a WordPress administrator login for your site and I will take a look? Please send to chris@rocketgenius.com - thank you,.
Thank you Chris I just set you up and you should have received an e-mail by now.
Thanks!
Somehow, you had the Gravity Forms shortcode in multiple nested code blocks. This is what I removed:
[html]
<code></code> <code>[gravityform id="3" name="Contact BOING - on Contact Page" <code>title=</code><code>"true"</code> <code>ajax=</code><code>"false"</code> <code>tabindex=</code><code>"25"</code>]</code><code></code>This is what I added back in (just what you had posted previously):
[html]
[gravityform id="3" name="Contact BOING - on Contact Page" title="true" ajax="false" tabindex="25"]If you view the source of the page, the tabindex is set to 25 for the first field in the main form, and tabbing works as expected.
Hi Angie (and anyone else having tabindex conflicts), here is a quick snippet that should resolve this issue for you permanently.
http://gravitywiz.com/2013/01/28/fix-gravity-form-tabindex-conflicts/
