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 index when there are two columns

  1. I followed the instructions of another thread and I was able to create two columns out of my form, which is great, but I would like the tab index to work differently. Right now the tabbing goes straight down and instead I would like it to go across.

    Posted 12 years ago on Monday March 12, 2012 | Permalink
  2. Well, the fields are tabbing in the order you put them in the editor. If you're using the ready classes, it only floats the fields to create "faux" columns.

    You can re-order your fields in the form editor so the tabindex works the way you want or you can use JQuery to change the field tabindex attributes if you're not dealing with a large form. Not ideal I'm sure, but that's how it works.

    Posted 12 years ago on Monday March 12, 2012 | Permalink
  3. Kevin,

    Thanks for the quick response. Could you give me an example of how I would change the field tab index using JQuery?

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  4. Something like this.. you would need to view the source, get the ID number of each input element, then redefine the tabindex using the jQuery .attr selector.

    $('#input_7_3').attr('tabindex', '3');
    $('#input_7_5').attr('tabindex', '4');

    Again, if it's a smaller form, then that's probably doable.. if it's a really large form then this could be cumbersome.

    reference: http://api.jquery.com/attr/

    Posted 12 years ago on Tuesday March 13, 2012 | Permalink
  5. That worked, thank you.

    Posted 12 years ago on Monday May 14, 2012 | Permalink
  6. David Peralty

    Glad to hear it.

    Posted 12 years ago on Monday May 14, 2012 | Permalink

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