New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Controlling Z-Index

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:

  • When RadAjaxLoadingPanel uses Skin the Z-index could be directly set in the markup using the ZIndex property of the control
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Vista" ZIndex="3000" />

  • When RadAjaxLoadingPanel has a template defined, the z-index could be set through inline CSS:
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" style="z-index:3000;">
    <img alt="loading..." src="loading.gif" />

Note that when IsSticky is set to true , z-index is not automatically assigned to the RadAjaxLoadingPanel .

See Also

In this article