Show RadAjaxLoadingPanel without changing theme

[KTK]

I have a problem with RadAjaxLoadingPanel. I'm not able to use it the right way. There is a sample of my code here. LoadingPanel starts work after I'll change skin with SkinManager dropdown. Could anybody help me and tell me what I have to do to make it work without this trick?

My page:

<form id="form1" runat="server">
       <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
       <telerik:RadSkinManager ID="SkinManager1" runat="server" ShowChooser="true" />
       <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
           <AjaxSettings>
               <telerik:AjaxSetting AjaxControlID="Panel1">
                   <UpdatedControls>
                       <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                   </UpdatedControls>
               </telerik:AjaxSetting>
           </AjaxSettings>
       </telerik:RadAjaxManager>
       <div>
           <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" Height="275px" Style="padding-top: 15px; padding-left: 15px">
               <asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"></asp:Button>
               treatretae
           </asp:Panel>
       </div>
       <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
       </telerik:RadAjaxLoadingPanel>
   </form>

Code behind:

namespace TelerikWebApp1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        public void Button1_Click(object sender, EventArgs e)
        {
            System.Threading.Thread.Sleep(2000);
        }

        protected void Page_Load(object sender, EventArgs e)
        {

        }
    }
}

Thanks for any help.

[Konstantin Dikov]

Hello Jan,

In order for the RadAjaxLoadingPanel to work correctly, its Skin property should be set. In your scenario it should be enough to just set the Skin property to Default:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
</telerik:RadAjaxLoadingPanel>

As documented in this help article, the default skin of the RadAjaxLoadingPanel is "", so if no skin is explicitly set, the loading panel will have nothing to display.

Hope that helps.


Regards,
Konstantin Dikov
Telerik

[KTK]

Thank you for your help.