Feb 02, 2011, 7:22 PM
[CLOSED] [1.0] Modal window tabindex
I have a popup window class based on ext.net.window that I use for different functions throughout my app. The window uses .ContentUrl to load a custom page inside the popup that uses a master page to configure a button ribbon and header. The loaded page will usually contain several controls (ie textboxes) and the button ribbon will have a save and cancel button. See attached
The trouble I have not been able to resolve is that tabbing through the controls from top to cancel will then take me to the parent page controls (in the example image, that would mean tabbing thru username, password and org fields, and 2 buttons, and all links). Perhaps there is a way to manipulate tabindex to keep focus within the popup. Another possibility was to listen for the onblur of the cancel control and reset the tabindex to 0 (the limitation here is 1. there is no onblur event for button 2. "shift tabbing" off of the first control would mean more code to catch onblur of that control).
The trouble I have not been able to resolve is that tabbing through the controls from top to cancel will then take me to the parent page controls (in the example image, that would mean tabbing thru username, password and org fields, and 2 buttons, and all links). Perhaps there is a way to manipulate tabindex to keep focus within the popup. Another possibility was to listen for the onblur of the cancel control and reset the tabindex to 0 (the limitation here is 1. there is no onblur event for button 2. "shift tabbing" off of the first control would mean more code to catch onblur of that control).
Last edited by Daniil; Apr 26, 2011 at 5:45 PM.
Reason: [CLOSED]