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.

2 Forms on a Page...

  1. I have 2 forms on a page and of course the tabbing doesn't work correctly inbetween fields when using the top form. This is for a Contact page. When filling in the Name, clicking on the Tab key... it then jumps to the form at the bottom of the screen for its Name field.

    The URL is here:

    http://tinyurl.com/b7zshke

    How do I control this and make it stay on the top form?

    Thanks,
    Angie

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  2. Angie,

    You would just need to set a higher tabindex on your GF shortcode:

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

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  3. You can set the tabindex for either form so that the indexes do not overlap. I would set the index in the shortcode you used to embed form 3. You can add tabindex="25" right inside your shortcode. The shortcode might look something like this when you're done:

    [php]
    [gravityform id="3" name="Contact Us" title="true" ajax="false" tabindex="25"]

    It's documented here:
    http://www.gravityhelp.com/documentation/page/Shortcodes

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  4. Thank you for the replies.

    Okay I tried this and it didn't work... this is what is there now:

    [gravityform id="3" name="Contact BOING - on Contact Page" title="true" ajax="false" tabindex="25"]

    Do I need to increase the tabindex number?

    Thanks!

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  5. The 25 is just a suggestion so that it does not conflict with any other forms. If you don't have any forms with more than 25 fields, the 25 will be fine. In your case, something like 8 would have been OK too, or you could go crazy and make it 92. It just needs to start with a different number than the other form will, by default, and then not conflict with another tabindex (in other words, you could not start one form at 2 if you have more than two fields in the other form. It would still conflict.)

    I took at a look at the page. The tabindex is unchanged. Can you send a WordPress administrator login for your site and I will take a look? Please send to chris@rocketgenius.com - thank you,.

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  6. Thank you Chris I just set you up and you should have received an e-mail by now.

    Thanks!

    Posted 6 years ago on Wednesday January 9, 2013 | Permalink
  7. Somehow, you had the Gravity Forms shortcode in multiple nested code blocks. This is what I removed:

    [html]
    <code></code> <code>[gravityform id="3" name="Contact BOING - on Contact Page" <code>title=</code><code>"true"</code> <code>ajax=</code><code>"false"</code> <code>tabindex=</code><code>"25"</code>]</code><code></code>

    This is what I added back in (just what you had posted previously):

    [html]
    [gravityform id="3" name="Contact BOING - on Contact Page" title="true" ajax="false" tabindex="25"]

    If you view the source of the page, the tabindex is set to 25 for the first field in the main form, and tabbing works as expected.

    Posted 6 years ago on Thursday January 10, 2013 | Permalink
  8. Hi Angie (and anyone else having tabindex conflicts), here is a quick snippet that should resolve this issue for you permanently.

    http://gravitywiz.com/2013/01/28/fix-gravity-form-tabindex-conflicts/

    Posted 6 years ago on Tuesday January 29, 2013 | Permalink