Hello,
Following is the code that i tried to show RadAjaxLoadingPanel on clicking the RadToolBarButton.
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="lodingpanel.aspx.cs" Inherits="radtoolbar_lodingpanel" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ClientEvents-OnResponseEnd
=
"ResponseEnd"
ClientEvents-OnRequestStart
=
"RequestStart"
ID
=
"RadAjaxManager1"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadToolBar1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"divDataEntry"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
Skin
=
"Default"
/>
<
div
id
=
"divDataEntry"
runat
=
"server"
>
<
telerik:RadTextBox
ID
=
"rtbTxtBox"
runat
=
"server"
Width
=
"10em"
MaxLength
=
"20"
/>
</
div
>
<
telerik:RadToolBar
ID
=
"RadToolBar1"
runat
=
"server"
Skin
=
"Office2010Blue"
ForeColor
=
"Black"
OnButtonClick
=
"RadToolBar1_ButtonClick"
>
<
Items
>
<
telerik:RadToolBarButton
runat
=
"server"
Owner
=
"RadToolBar1"
Text
=
"Add"
ForeColor
=
"Black"
CommandName
=
"addcmd"
Value
=
"add"
/>
<
telerik:RadToolBarButton
IsSeparator
=
"true"
/>
<
telerik:RadToolBarButton
runat
=
"server"
Owner
=
"RadToolBar1"
Text
=
"Reset"
ForeColor
=
"Black"
CommandName
=
"resetcmd"
Value
=
"reset"
/>
<
telerik:RadToolBarButton
IsSeparator
=
"true"
/>
<
telerik:RadToolBarButton
runat
=
"server"
Owner
=
"RadToolBar1"
Text
=
"Clear"
ForeColor
=
"Black"
CommandName
=
"clearcmd"
Value
=
"clear"
/>
<
telerik:RadToolBarButton
IsSeparator
=
"true"
/>
<
telerik:RadToolBarButton
runat
=
"server"
Owner
=
"RadToolBar1"
Text
=
"Save"
ForeColor
=
"Black"
CommandName
=
"savecmd"
Value
=
"save"
ValidationGroup
=
"required"
/>
</
Items
>
</
telerik:RadToolBar
>
</
div
>
</
form
>
</
body
>
</
html
>
JS:
C#:
Hope this helps.
Thanks,
Shinu.