PDA

View Full Version : Keyboard only navigation between tabs in a tab panel...



MikeB
25 Jun 2014, 8:31 AM
How can I use the keyboard to navigate between the tabs in a tab panel?
From checking out the Kitchen Sink demo (http://docs-origin.sencha.com/extjs/4.2.2/extjs-build/examples/build/KitchenSink/ext-theme-access/#framed-tabs) with the Accessibility theme it "looks" like I can (sometimes) use the tab key to switch tabs but then need to hit the enter key to actually go to that specific tab (e.g. tab panel with 5 tabs, <tab><enter> in panel 1, <tab><enter> in panel 2, etc.
However using the tab key while it may set the next tab to be switched to once the enter key is pressed, there's no visual indicator that the new tab is "selected".

Am I missing something or does that "feature" just not exist?

Thanks
MikeB

Phil Guerrant
26 Jun 2014, 8:27 AM
This is a current shortcoming of the themes - none of them provide any visual treatment for "focused" tabs. We're looking at improving this in a future release but for now you can feel free to add your own styling for focused tabs using a the "x-tab-default-focus" css class (substitute the name of your UI for "default" in that class name if you're using a custom UI).

MikeB
26 Jun 2014, 10:32 AM
Thanks Phil, that's a great suggestion.