Hi Kishor,
You need to do two things:
1. Register the RadAjaxLoadingPanel CSS files manually with RadStyleSheetManager
2. Put inside the ProgressTemplate the same HTML code and CSS classes as the ones that RadAjaxLoadingPanel uses.
<%@ Page Language="C#" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<script runat="server">
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
System.Threading.Thread.Sleep(5000);
Label1.Text = DateTime.Now.ToLongTimeString();
}
}
</script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<head runat="server">
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<title>RadControls</title>
<style type="text/css">
html,body,form
{
margin:0;
padding:0;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
<StyleSheets>
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" IsCommonCss="true" Name="Telerik.Web.UI.Skins.Ajax.css" />
<telerik:StyleSheetReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Skins.WebBlue.Ajax.WebBlue.css" />
</StyleSheets>
</telerik:RadStyleSheetManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:Panel ID="Panel1" runat="server">
<asp:Button ID="Button1" runat="server" Text="AJAX" />
<br />
<asp:Label ID="Label1" runat="server" Text="" />
</asp:Panel>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" />
</Triggers>
</asp:UpdatePanel>
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="RadAjax RadAjax_WebBlue" style="position:absolute;top:0;left:0;width:100%;height:100%;">
<div class="raColor raTransp">
<!-- -->
</div>
<div class="raDiv">
<!-- -->
</div>
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</form>
</body>
</html>
Greetings,
Dimo
the Telerik team
Do you want to have your say when we set our development plans?
Do you want to know when a feature you care about is added or when a bug fixed?
Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items