RadAjax for ASP.NET AJAX

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