Inside the main page I have a radgrid in which has a button within a GridTemplateColumn for each of its items. This button opens a first Radwindow me with .Show () property in JavaScript in this first tabulation radwindow works perfectly with the tab key. Now in this first radwindow I have another radgrid that works the same way as the first and one second opening radwindow me. The problem here is not working abut the tab key in the second radwindow tab, when I press the tab key icon radwindow title of the second open is selected and then jumps back but never selected controls within this second radwindow .
Please tell me a solution, because I need the tab key to move through the controls (there are many) the second open radwindow.
Thank you.
1 Answer, 1 is accepted
Hello Luis,
When a modal RadWindow is opened, its goes through all elements on the page and removes their tabIndex attributes, so it can disable keyboard navigation. If your RadWindows have their ContentTemplate used this means that the contents of the second one will already have their tabIndexes removed by the time you open it.
To avoid that, you can use an entire content page for the dialogs.
You will probably find useful the following code library that will show you how to link the dialogs and pass data back and forth: http://www.telerik.com/support/code-library/creating-parent-child-relationships-between-radwindows-and-passing-data-between-them.
On a side note - according to accessibility specifications, modal dialogs must have default focus set, and since the content is arbitrary, it is up to the developer to provide that focus.
Regards,
Telerik