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.

Multiple forms on page - Tabbing

  1. R Chilton
    Member

    I have more than one form on a page. When using the tab it jumps from one form to another. I tried using the following code that I found in a different thread but it did not change the result:

    add_filter('gform_tabindex_6', create_function('', 'return 1;'));

    add_filter('gform_tabindex_2', create_function('', 'return 2;'));

    in my functions.php file but it didn't change anything.

    Here is an example of one of the pages.
    http://airdoctortulsa.com/reduce-allergies/

    Thanks for the help.

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  2. Take a look at the "Building the shortcode manually" section:
    http://www.gravityhelp.com/documentation/page/Embedding_A_Form

    You can drop the tabindex on the shortcodes when you place the forms. Just make sure the second form's tabindex is much higher and you should be good to go.

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  3. R Chilton
    Member

    So one of the forms is built directly into the page and the other is in the sidebar using the widget.

    Thanks

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  4. In the sidebar (widget) go to the advanced options and you can set the tabindex directly there. See this Screenshot

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  5. R Chilton
    Member

    Okay so that worked. Only one more question - On the form that is on the far right side (sidebar) There are 3 input areas. When you click between name and phone number you have to tab twice before it moves to the phone input box but all the others you just tab once. Any thoughts on what is making this happen?

    Thanks

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  6. R Chilton
    Member

    Sorry, here is the link

    http://airdoctortulsa.com/reduce-allergies/

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  7. David Peralty
    Administrator

    You should set the tab index on your sidebar form so that it is starting at a number that is huge so it won't be interfered with due to other forms:

    http://www.gravityhelp.com/documentation/page/Gform_tabindex

    If it is a widget, you can change the tab index in the widget settings, otherwise, you'll have to program it using the functions.php file.

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  8. R Chilton
    Member

    That didn't work - that actually made it worse.

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  9. Have you removed the original filters from your functions file?

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  10. R Chilton
    Member

    yes I did. So basically what I have done is changed the widgets in the advanced option and then the page that I have it embedded in looks like this

    <?php gravity_form(1, false, false, false, '', true, 1); ?>

    Thanks

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  11. I just pulled your link up and the tabbing now works for me just fine on both forms independently. I tested in the latest version of Chrome running in OS 10.8

    Posted 6 years ago on Tuesday August 7, 2012 | Permalink
  12. Hello - I have a similar issue, except the second form is the WP Login form being called with <?php wp_login_form( $args ); ?>

    The strange part - The GF tabs correctly through 70% of the form then jumps to the WP Login form at the email field. It is a user registration form with a LOGIN form in the sidebar.

    Any suggestions?

    Posted 6 years ago on Friday August 31, 2012 | Permalink
  13. Please post a link to your form @rsantore and we will help you with the tabindex. They just need to be unique for each form on the page, to prevent overlap. You can easily control the tabindex for the Gravity Form, so we can help you with that.

    Posted 6 years ago on Sunday September 2, 2012 | Permalink