z-index issue for RADMenu

[Matt Frank]

I am having an issue with the z-index for this control when I call a RADWindow using RADWindow Manager.

The RADMenu is located in the master page and the WindowManager is located within a user control that is called when the select command is called.  I have the z-index for the Menu set to 29000 in the masterpage along with the z-index for the WindowManager in the user control which is set to 3000.

Please see the attached screen shot to see what is happening. 

Any ideas, or am I doing something totally wrong?

[Shinu]

Hi Matt,

Try setting the style attribute "position:absolute;" and see whether it works for you. I hope the following forum links will be of help in setting the z-index when using master page.

Can't Change the Z-index inRadMenu
RadMenu sub items hides underneath image in content page


-Shinu.

[Matt Frank]

Well I tried setting the position attribute, and this did not work.  I first only set it on the RADMenu in the masterpage, then to the RadWindowManager (it was set for both controls at this point), then finally removed the z-index and position attributes from the Menu. 

These all provide my original results. 

The menu control is in a HTML table in my Masterpage instead of a div tag.  Would this be causing the issue I am seeing?

[Yana]

Hi Matt,

Please set the "z-index" to the window, not to RadWindowManager. If this doesn't help, send us a live url so we to be able to observe the issue.


Best regards,
Yana
the Telerik team

[Matt Frank]

Well that did not work. 

I made a css class (below) and assigned it to my window that is created.  Unfortunately right now I cannot provide a direct link to the app.  The webserver I am using does not have access to the internet. 

I'll mock something up and put it on a personal webserver and post a link in the next few days.  

.windowZIndex
{
    z-index: 2999 !important;
}

if ((string)e.CommandName == "Select")
        {
            Session["@reqID"] = e.Item.Cells[3].Text.ToString();
            RadWindow notes = new RadWindow();
            notes.ID = "Notes";
            notes.Width = 450;
            notes.Height = 450;
            notes.NavigateUrl = "~/Request/Notes/Default.aspx";
            notes.Modal = false;
            notes.DestroyOnClose = true;
            notes.VisibleOnPageLoad = true;
            notes.CssClass = ".windowZIndex";
            RadWindowManager1.Windows.Add(notes);
        }

[Yana]

Hello Matt,

I'm sorry it didn't help. I'll review the page as soon as you send us the link

Greetings,
Yana
the Telerik team

[Matt Frank]

Sorry it took me a few days to get this done. Below is the link with a mockup of what I am working on. When a user would select "Select" from the RadGrid I have a RadWindow Opening.  If you move the window, or re size your screen, you will see the menu overlays the window.

http://frankcomputers.info/telerik.

Please let me know if you need any of the sourcecode. 

Thanks,
Matt

[Yana]

Hello Matt,

I'm afraid that I cannot open the link, could you please check it? Thanks

All the best,
Yana
the Telerik team

[Matt Frank]

It should be up again.  My dynamic DNS client stopped working this weekend for whatever reason.

Thanks,
Matt

[Yana]

Hi Matt,

I was able to observe the issue, RadMenu has z-index set to "7000", so you should set higher z-index to the window. I see that "windowZIndex" class is rendered for the window but wasn't able to find its definition, could you please add it like this:

div.windowZIndex
{
    z-index: 7010 !important;
}

and let us know how it goes.

Best wishes,
Yana
the Telerik team

[Matt Frank]

Changing the CSS to be div.WindowZIndex worked. 

Thanks for your help!