RadControls for ASP.NET AJAX

Controlling absolute positioning with z-index Send comments on this topic.
Controls > Controlling absolute positioning with z-index

Glossary Item Box

A number of Telerik controls render with absolute positioning and have their default z-indexes as shown below:

 

  • RadAjaxLoadingPanel - 90000
  • RadToolBar - 9000
  • RadToolTip - 8000
  • RadMenu - 7000
  • RadCombo - 6000
  • RadDatePicker - 5000
  • RadColorPicker - 4000
  • RadWindow - 3000
  • RadGrid's PopUp edit form - 2500
  • RadSplitter - 2000
  • RadDock - 1000

 

In different scenarios, you may need to change these values in order to ensure that one specific control will be shown above the other - for example RadWindow over RadMenu. To make this process easier, from RadControls for ASP.NET AJAX Q1 2008, you can set the value of the z-index property of every control by using the common style property.
e.g.

style="z-index: 1000"


 

style="z-index:<some value>" 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.