Show RadWindow above RadMenu

There are numerous different scenarios and in some of them it is necessary to display a RadMenu control above a RadWindow and in others you may need to do the contrary. You can determine which control to be shown above another one by setting proper z-indexes.

In the specific case which this article is related to you can use two approaches to set the corresponding 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.

Since the Q1 2008 Release this can be easily achieved by setting the desired z-index in the particular control's style attribute as explained here. As explained in the article, the default z-index of the RadMenu is 7000 and the RadWindow's one (when using RadWindowManager) is 3000.

This being said the necessary settings for the both approaches should be as the following ones:

1.  Set a lower z-index to the RadMenu:
   
   

   telerik:radmenu runat="server" id="appMenu"

   style="z-index:2900">

2. Set a bigger z-index to the RadWindowManager as shown below:
   
   

   telerik:RadWindowManager ID="RadWindowManager1" runat="server" Style="z-index: 7001">

   Windows>

   telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true" Modal="true">

   /telerik:RadWindow>

   /Windows>

   /telerik:RadWindowManager>

You can find sample demo projects in the attached archive files.

Please note the following:

1. You can set the z-index for all controls in the explained manner only if you are using RadControls for ASP.NET AJAX Q1 2008 Release or a later version.
   
2. style="z-index:" can be set to the RadWindowManager only, not to the RadWindow control itself. This is because the z-index of the different RadWindows is dynamically changed - even if you have a RadWindow with z-index 100, it will be displayed over other RadWindows with higher z-index value, if active.