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

Gravity Support Forums » Plugin Support » Gravity Forms

  1. yajanssen
    Member

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

  2. Rob Harrell
    Member

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

  3. Chris Hajer
    Key Master

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

  4. Chris Hajer
    Key Master

    @Rob beat me to it :-)

    Posted 12 years ago on Sunday October 7, 2012 | Permalink

  5. yajanssen
    Member

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

  6. Chris Hajer
    Key Master

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

  7. yajanssen
    Member

    [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 12 years ago on Sunday October 7, 2012 | Permalink

  8. Chris Hajer
    Key Master

    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 12 years ago on Monday October 8, 2012 | Permalink

  9. Darice
    Member

    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 12 years ago on Wednesday December 5, 2012 | Permalink