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 Order with Multiple Forms on One page (form widget in footer or sidebar)

  1. Hi,

    I am using the Gravity Forms widget in the sidebar and footer for a newsletter signup.

    The problem I am having is with the tab order of fields.

    I have a contact page. After clicking the first field (name) when you hit tab it goes to the bottom of the page because there is a newsletter signup there.

    How do I manually set the tab order of fields? I don't see this option in the form editor....

    Here is the page in question if you'd like to take a look.

    Posted 9 years ago on Friday March 22, 2013 | Permalink
  2. The tabindex can be set in the widget settings when you embed your form. Click the "advanced settings" and then set the tabindex to the fields do not overlap ranges. You can make the sidebar form begin at 10 and the footer form begin at 43 if you want, and so long as your sidebar form does not have more than 33 fields in it, the indexes will never conflict.

    Screenshot of where you can set this:

    Posted 9 years ago on Sunday March 24, 2013 | Permalink
  3. Thanks Chris! I missed that option in the widget settings.

    Working perfectly now.

    Posted 9 years ago on Sunday March 24, 2013 | Permalink
  4. Thanks for the update. Glad that worked. It's not on the form settings because the form can be used in multiple places on your site, and setting the tabindex once would not be very flexible.

    Posted 9 years ago on Sunday March 24, 2013 | Permalink

This topic has been resolved and has been closed to new replies.