We would like to be able to control the way we navigate with the TAB-key in a panel. We use 'tabindex' and this works well. But on the last item in a panel we want to return to the first item in the panel, or when in a grid, we want to automatically insert a new row.
How can we do this?
asked 22 Jan '13, 08:01
Since the functionality you ask is not officially supported, I may have a workaround to suggest.
Lets assume you have 5 items in a form. You set the tabindex to 1 for the first item, and to 5 on the last. The trick is to add a 6th item, having the minimum width and set the tabindex to 6, so when you press tab on the 5th item, this 6th item get the focus. You may also add a custom css to make this item virtually invisible by setting the color same as the background, if you take the visuals very seriously.
The trick is to add a focusgain action containing only one command:
answered 24 Jan '13, 16:27
If I'm not misunderstanding your case, you would like to loop in the same panel with the TAB key, by returning to the first item of the same panel when TAB-key is pressed on the last item of this panel. In other words, you would like to navigate to the next navigable item within the same panel instead of the next navigable item within the same application (which is the current behavior). Is that correct?
Currently, there is no way to achieve the automatically row insertion behavior. We will discuss about it internally. I will get back to you next week about this issue.
answered 22 Jan '13, 08:57
Ibrahim Sand... ♦♦