RadGrid Q1 2012 Header Context Menu

[Timothy]

I have tried everything I know of to override the inline zIndex of 7000 that is used for RadGrid Header Context menu.
I can see that the rad grid's Context Menu element's style's zIndex is changed to a higher number than the AjaxControlToolkit's ModalPopup in which the RadGrid is shown but still the Context menu appears behind the ModalPopup. My previous method for Q3 2011 where I specified a class for the Header Filter Menu

.modalRadFilterMenu
{
   z-index:111001 !important;
}

stopped working after 2011-3-1305 introduced inline styling for the context menu.

I used both the Client events HeaderMenuShowing and GridCreated to set the zIndex - the code fired the Zindex was changed but the menu still appears behind the ModalPopup - what next??

                    function HeaderMenuShowing(sender, eventArgs) {
                       var mnEle = eventArgs.get_menu().get_element();
                       mnEle.style.zIndex = 111011;
                     }
                     function GridCreated(sender, eventArgs) {
                        var grid = sender;
                        var headerContextMenu = grid.get_headerMenu();
                        var grEle = headerContextMenu.get_element();
                        grEle.style.zIndex = 111011;
                     }

[Veli]

Hi Timothy,

Try with the following CSS:

.GridContextMenu
{
    z-index: 111011 !important;
}

Veli
the Telerik team