RadMenu still active with a modal RadWindow

[Jeff]

Hi,
  I have an ASPX page which has a RadMenu and a RadWindowManager with a window defined in it as follows:

<telerik:RadWindowManager ID="_MasterRadWindowManager1" runat="server" ReloadOnShow="true" DestroyOnClose="false">
    <Windows>
        <telerik:RadWindow runat="server" NavigateUrl="~/ModalPage.aspx" Modal="true"
            ID="_NewsWindow" Width="800" Height="500" Behavior="Close" DestroyOnClose="false"
            ReloadOnShow="true" VisibleTitlebar="true" VisibleStatusbar="true" VisibleOnPageLoad="true" />
    </Windows>
</telerik:RadWindowManager>

<telerik:RadMenu ID="RadMenu3" runat="server">
    <Items>
        <telerik:RadMenuItem runat="server" Text="MenuItem1" NavigateUrl="~/MenuItem1.aspx" style="z-index:-1;" />
        <telerik:RadMenuItem runat="server" Text="MenuItem2" NavigateUrl="~/MenuItem2.aspx" style="z-index:-1;"/>
        <telerik:RadMenuItem runat="server" Text="MenuItem3" NavigateUrl="~/MenuItem3.aspx" style="z-index:-1;"/>
    </Items>
</telerik:RadMenu>

When the page loads, the window pops up correctly, however the menu items are still clikable.  I added a <a> and <div onclick="..."> to the page and both of these are disabled as i would expect, but the RadMenuItems are not disabled.

Any help would be much appreciated!
Thanks!

[Jeff]

Almost forgot, I am running on the new RadControls for ASP.Net AJAX.  The Telerik.Web.UI.dll version is: 2008.1.515.35

[Mark]

I have exactly the same problem finding that the menu displays over the radwindow as well. 

[David]

I too am seeing this behavior.  Initially came to the forums a few moments ago about the menu appearing over the window (or the window under the menu - whichever way makes sense to you )

And now I see that the solution is to add the following to the style property on the RadWindowManager:

    z-index:90000

-David

[Svetlina Anati]

Hi guys,

As you have found out yourselves the problem is caused by the fact that the RadMenu's z-index is bigger than the one of the RadWindow. You can use two approaches to set the proper z-indexes:

1. Set a lower z-index to the RadMenu.
2. Set a bigger z-index to the RadWindow but this will work only in case you are using the RadWindowManager control.

For your convenience I am attaching two sample projects which demonstrate the above explained approaches.

Please, note that you can set the z-index by using the style attribute only in case you are using the Q1 2008 Release or later.

You can find more information about controlling the z-indexes here. I also recommend to examine this  new RadWindow's KB article.

Sincerely yours,
Svetlina
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Eric]

Hi,

I changed the z-index of radwindowmanager to 7001 as you suggested in the example. After the change the menu is not active anymore but now some of the menu items are not displayed (only the 1. menu item is displayed of 7 menu items) when I open the page (when the page is first displayed none of the windows are visible). If I go over the 1. menu item with the mouse pointer the other menu items become visible.

Thank you...

[Georgi Tunev]

Hi Eric,

I am not quite sure what your setup is, but if you open a support ticket and send me a small sample project where I can examine it, I will do my best to help.


Sincerely yours,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.