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

Events Overview

RadAjaxLoadingPanel contains the following client events:

Name Description
OnClientShowing Fired before the loading panel is shown.
OnClientHiding Fired before the loading panel hides.

To use these events, simply write a JavaScript function that can be called when the event occurs(Example 2 ).You then assign the name of the JavaScript function as the value of the the corresponding property.

Example 2: Cancel the default behavior when shows and hides the RadAjaxLoadingPanel and apply a custom behavior for both actions.

<script type="text/javascript">
    function MyClientShowing(sender, eventArgs) {
        eventArgs.get_loadingElement().style.border = "2px solid red";
    function MyClientHiding(sender, eventArgs) {
        eventArgs.get_loadingElement().style.border = "2px solid blue";
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackColor="yellow"
    OnClientShowing="MyClientShowing" OnClientHiding="MyClientHiding" />

See Also

In this article