Controlling absolute positioning with z-index

Table of Contents

Introduction
More about RadControls for ASP.NET AJAX
Licensing
Installation and deployment
RadControls for ASP.NET AJAX Fundamentals
Controls
- RadAjax
- RadCalendar
- RadChart
- RadColorPicker
- RadComboBox
- RadDock
- RadEditor
- RadGrid
- RadInput
- RadMenu
- RadPanelBar
- RadRotator
- RadScheduler
- RadSlider
- RadSpell
- RadSplitter
- RadTabStrip
- RadToolBar
- RadToolTip
- RadTreeView
- RadUpload
- RadWindow
- RadFormDecorator
- RadScriptManager
- RadStyleSheetManager
- RadSkinManager
- Controlling absolute positioning with z-index
- Changes and backwards compatibility in RadControls latest release
Integrating RadControls in MOSS
Integrating RadControls in DNN
API Reference
APIReference
For More Help

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.