https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work Gravity Support Forums Topic: tab to next field does not work en-US Sun, 19 Apr 2026 18:29:55 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-99061 Wed, 05 Dec 2012 02:47:16 +0000 Darice 99061@https://legacy.forums.gravityhelp.com/ <p>I thought I'd chime in here because I had a similar issue. I have gravity forms on my pages (shortcode) and in my footer (php call). When I would try to tab to the next field on a page, it always dropped me down to sign-up form in my footer.</p> <p>I ended up placing - tab index="50" - in the shortcode on my pages and - 100 - to my footer template as mentioned here: <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a>. Works like a charm. No conflict on any pages / posts.</p> <p>Thanks! :-) </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79492 Mon, 08 Oct 2012 00:52:28 +0000 Chris Hajer 79492@https://legacy.forums.gravityhelp.com/ <p>It is working now, because you have removed the comment form, but I also see that the tabindex is set correctly for your form, beginning with 50. So, this should have worked. Is it possible you had a cached version of the page? Can you add the comment form back in and see if it works? Try a completely different browser or computer to ensure that there is nothing in your browser cache. If it does not work for you, please post here again. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79438 Sun, 07 Oct 2012 18:32:09 +0000 yajanssen 79438@https://legacy.forums.gravityhelp.com/ <p>[gravityform id="6" name="Add a Listing" title="false" ajax="true" tabindex="50"]<br /> the one you gave me.<br /> <a href="http://ctproductsandservices.com/add-a-listing" rel="nofollow">http://ctproductsandservices.com/add-a-listing</a> </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79430 Sun, 07 Oct 2012 15:58:12 +0000 Chris Hajer 79430@https://legacy.forums.gravityhelp.com/ <p>If you had to remove the comment form, then what you added to the shortcode did not work. If you would like help getting this working correctly, please post the full text of your shortcode here and we will see what's going on. </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79423 Sun, 07 Oct 2012 14:22:15 +0000 yajanssen 79423@https://legacy.forums.gravityhelp.com/ <p>Rob and Chris thank you. I entered the shortcode, but also had to remove the comment form from the page. It would not work otherwise, which is no big deal.</p> <p>Thank you so much again. </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79415 Sun, 07 Oct 2012 11:34:36 +0000 Chris Hajer 79415@https://legacy.forums.gravityhelp.com/ <p>@Rob beat me to it :-) </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79414 Sun, 07 Oct 2012 11:32:51 +0000 Chris Hajer 79414@https://legacy.forums.gravityhelp.com/ <p>In the shortcode for your post, add this:</p> <blockquote><p>tabindex="50"</p> </blockquote> <p>So, the shortcode might look like this when you are done:<br /> <pre><code>[gravityform id=&quot;6&quot; name=&quot;Add a Listing&quot; title=&quot;false&quot; ajax=&quot;true&quot; tabindex=&quot;50&quot;]</code></pre> <p>The issue is that the tabindex in your comment form is conflicting. If you test it right now, it will jump from your Gravity Form to the comment form. Adding the above to your shortcode will take care of the problem. Or, remove the comment form from the page, but that is not necessary if you implement the fix above. </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79413 Sun, 07 Oct 2012 11:29:45 +0000 Rob Harrell 79413@https://legacy.forums.gravityhelp.com/ <p>You can set a tabindex on the short code:<br /> <a href="http://www.gravityhelp.com/documentation/page/Embedding_A_Form" rel="nofollow">http://www.gravityhelp.com/documentation/page/Embedding_A_Form</a></p> <p>Something like:<br /> [gravityform id=1 title=false description=false tabindex=30] </p> https://legacy.forums.gravityhelp.com/topic/tab-to-next-field-does-not-work#post-79403 Sun, 07 Oct 2012 10:29:23 +0000 yajanssen 79403@https://legacy.forums.gravityhelp.com/ <p>Love the forms, but users are not able to tab from field to field. I tried to go to the forums, but I am a beginner and can't really follow any of the tabbing questions or answers. Am not very savvy and have to be told exactly where to place things. I do not know where I can find the shortcodes to put coding in etc. Could you please help me. My site is: <a href="http://ctproductsandservices.com/add-a-listing/" rel="nofollow">http://ctproductsandservices.com/add-a-listing/</a>. Thank you for your time. </p>