This is a migrated thread and some comments may be shown as answers.

z-index issue for RADMenu

10 Answers 361 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Matt Frank
Top achievements
Rank 1
Matt Frank asked on 23 Jul 2010, 03:59 PM
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?

10 Answers, 1 is accepted

Sort by
0
Shinu
Top achievements
Rank 2
answered on 26 Jul 2010, 06:30 AM
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.
0
Matt Frank
Top achievements
Rank 1
answered on 26 Jul 2010, 02:38 PM
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?
0
Yana
Telerik team
answered on 29 Jul 2010, 11:48 AM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Matt Frank
Top achievements
Rank 1
answered on 29 Jul 2010, 01:38 PM
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);
        }
0
Yana
Telerik team
answered on 29 Jul 2010, 02:04 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Matt Frank
Top achievements
Rank 1
answered on 04 Aug 2010, 12:04 AM
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
0
Yana
Telerik team
answered on 09 Aug 2010, 09:36 AM
Hello Matt,

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

All the best,
Yana
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Matt Frank
Top achievements
Rank 1
answered on 09 Aug 2010, 11:29 AM
It should be up again.  My dynamic DNS client stopped working this weekend for whatever reason.

Thanks,
Matt
0
Accepted
Yana
Telerik team
answered on 09 Aug 2010, 12:41 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Matt Frank
Top achievements
Rank 1
answered on 09 Aug 2010, 03:23 PM
Changing the CSS to be div.WindowZIndex worked. 

Thanks for your help!
Tags
Menu
Asked by
Matt Frank
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 2
Matt Frank
Top achievements
Rank 1
Yana
Telerik team
Share this question
or