Radwindow z-index not correct until clicked on

[Nik]

I've found an issue with our product zoom radwindow recently that has me a little confused. On our product details page (example), if you click the 'Click to view larger' link below the product image, it brings up our views & zoomer tool in a modal radwindow. However, you'll notice the top is hiding under our header (see attached). As soon as you click inside the window, it displays properly. I checked the code and the header has z-index of 3001, and the window is at 3002. Can anyone explain this?

Using version 2008.1.515.20.

[Svetlina Anati]

Hi Nik,

 I checked the page and I noticed that the RadWindow has z-index of 3000 when it is initially opened and then receives bigger z-index. I noticed that you are using a RadWindowManager and it dynamically calculates and changes the z-index in certain scenario which I think is the case.

What I can suggest is the following:

1) Set smaller z-index to the header - e.g 2900
2) Set bigger z-index to the RadWindowManager - this can be done by setting style="z-index: 4000". This setting will work in most versions but I cannot ensure that it was implemented in yours and it is best to simply test it.
3) If 1) and 2) do not work for you, you can handle the OnClientShow event, reference the popup and set the bigger z-index. Your code should be similar to this: sender.get_popupElement().style.zIndex = 4000.
Note, that this should be done in OnClientShow and not earlier because the RadWindow has lazy initialization and its UI is created when shown for the first time.

I hope that my suggestions are helpful, let me know how it goes.

Regards,
Svetlina
the Telerik team