[Solved] Problem with RadWindow and Heavy-Weight Objects

[Ilja]

Hello Telerik team,

i have two problems in my project.

the first one occures while Radwindow is moved over Heavy-Weight Objects.
The border of the window disappears while it is over the object (mouse key down).
If i stop moving the window, the border is drawn again (mouse key up).

IE is an special case. Here i can only stop moving the window, if a part of it is not over the object. Otherwise i am not able to do it.

The HTML in this window is visible all the time.

Overlay property of the window is set to true, and the z-index of the window is higher than the z-index of my PDF-Viewer Plugin.

Do you have any hints for me?

The second Problem:

I have a grid with enabled inline-edit mode and all rows are editable.
In the commanditem of this grid is a search-button for possible entries.
If i tab to an open cell an click this search button, the cell loses focus and a radwindow with possible entries is shown.
After the search-value is found and confirmed, it is automatically insertet in the "opener" cell. The focus is set to it as well.

But if i want to tab to the next cell, the first cell of the first row is selected. Is there a possibility to resolve this issue without setting tabindex for every cell manually?

Thanks a lot!

 

[Ilja]

Any idea?

Thanks

[Marin Bratanov]

Hi Ilja,

About your first question - I am afraid this cannot be improved further at this point. The overlay property adds an iframe behind the RadWindow that allows it to be shown over the heavy-weight object (pdf viewer in this case). This iframe, however, must be hidden during moving/resizing because otherwise it will consume the mouse events and the RadWindow cannot be notified about them, so you will not be able to stop dragging it. Thus, the borders are hidden while they are over the heavy-weight object, since there is no iframe behind them. The content would usually be shown because it is usually an iframe. Most browsers will bubble the mouseup event so the RadWindow will be dropped, but IE will not, so it must be released over the empty area of the page.

A possible workaround would be to hide (e.g. visibility: hidden or display: none) the heavy object if this will not break it. You can use the OnClientDragStart event of the RadWindow and restore its visibility in the OnClientDragEnd. I cannot, however, guarantee this approach will work in all cases and that it is viable for your scenario.


About your second questions you return to the first cell of the first row because after you close the window the focus is returned to RadGrid and on Tab key pressed you move to the first element. Yes, one approach is to set the TabIndex for each cell and thus navigate. However, another approach could be seen in this code-library project.

Regards,
Marin Bratanov
Telerik

[Ilja]

Hallo,

Thanks for yor reply.

I still have problems with the taborder.
i already set the tabindex for all "open" cells. After the the search, try to set the focus Back to the cell, but it still "Jump" to the first Row/Cell after Tab.

I tryed

var cell = grid.getCellByColumnUniqueName(grid.get_dataItems()[row], col);
cell.getElementsByTagName("input")[0].focus();
//cell.getElementsByTagName("input")[0].click();
//cell.getElementsByTagName("input")[0].select();

as well as setting focus on cell and not on the input-element.

Any hints? The excel-like solution does not fit in my case :(

Thanks a lot!

[Eyup]

Hi Ilja,

I have prepared a sample RadGrid web site to test the described scenario. On my side the tabbing works correctly even after the search window was closed. Please run the attached application and verify that it works as expected from your end, too.

Regards,
Eyup
Telerik