search

VinceG / twitter-bootstrap-wizard

This twitter bootstrap plugin builds a wizard out of a formatter tabbable structure. It allows to build a wizard functionality using buttons to go through the different wizard steps and using events allows to hook into each step individually.
MIT License
1.39k stars 676 forks source link

Controlling relative tabindex of tabs #122

Open abingham opened 9 years ago

abingham commented 9 years ago

Currently when I TAB through the controls in a wizard, the buttons for navigating the wizard pages always come a) first and b) consecutively for every page. This means that if I want to use TAB to navigate the controls on a page, I have to first TAB past the wizard buttons. This feels a bit awkward to me, and a more natural order would let me TAB through all of the controls on a page before focus went to the button for the next wizard page. In other words, I'd like TAB (plus pressing enter on page buttons) to take me "linearly" through the wizard from start to finish. Is there a way to do this with the current wizard implementation? If not, is there any chance that it could be added?

VinceG commented 9 years ago

@abingham maybe i am miss understanding, but can't you just use tabindex on the elements?

abingham commented 9 years ago

I'm not sure if that's an option. As I recall (I don't have the project in front of me at the moment), I wasn't able to set the tabindex on the page buttons for the wizard. When I tried setting them, the number got ignored.

But even if I can set the tabindex on the page buttons, it will still be pretty tedious to make them mesh properly with the rest of the controls, esp. if I add or remove controls over time. It seems like there's a "natural" tab order that could be automatically applied to the controls and the page buttons.

It's entirely possible that I'm missing something simple, BTW. I'm relatively new to client-side web stuff.