PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

tab to next field does not work

  1. 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: http://ctproductsandservices.com/add-a-listing/. Thank you for your time.

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  2. You can set a tabindex on the short code:
    http://www.gravityhelp.com/documentation/page/Embedding_A_Form

    Something like:
    [gravityform id=1 title=false description=false tabindex=30]

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  3. In the shortcode for your post, add this:

    tabindex="50"

    So, the shortcode might look like this when you are done:

    [gravityform id="6" name="Add a Listing" title="false" ajax="true" tabindex="50"]

    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.

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  4. @Rob beat me to it :-)

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  5. 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.

    Thank you so much again.

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  6. 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.

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  7. [gravityform id="6" name="Add a Listing" title="false" ajax="true" tabindex="50"]
    the one you gave me.
    http://ctproductsandservices.com/add-a-listing

    Posted 6 years ago on Sunday October 7, 2012 | Permalink
  8. 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.

    Posted 6 years ago on Monday October 8, 2012 | Permalink
  9. 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.

    I ended up placing - tab index="50" - in the shortcode on my pages and - 100 - to my footer template as mentioned here: http://www.gravityhelp.com/documentation/page/Embedding_A_Form. Works like a charm. No conflict on any pages / posts.

    Thanks! :-)

    Posted 6 years ago on Wednesday December 5, 2012 | Permalink