RadControls for ASP.NET AJAX RadAjaxLoadingPanel has default z-index set to 90000. To change this default setting, you
can use one of the approaches below, based on the way the loading panel is configured:
CopyRadAjaxLoadingPanel uses Skin
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista" />
In this case you can directly use the ZIndex property of the control:
Copyusing ZIndex
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
Skin="Vista" ZIndex="3000" />
CopyRadAjaxLoadingPanel has a template defined
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" >
<img alt="loading..." src="loading.gif" />
</telerik:RadAjaxLoadingPanel>
Here to set the desired z-index, you should use inline CSS:
Copyusing inline CSS
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"
style="z-index:3000;">
<img alt="loading..." src="loading.gif" />
</telerik:RadAjaxLoadingPanel>
Note |
|---|
Note that when IsSticky is set to true, z-index is not
automatically assigned to the RadAjaxLoadingPanel.
|
See Also