I created this JS function that used for 3 client side buttons in their onclick functions

 function DeleteExam(ExmID) {
            if (confirm("Are you sure you want to delete this item?")) {
                SetVars(ExmID, "");
                $('#' + "<%=btnDeleteExam.ClientID%>").click();
                return true;
            }
            else return false;
        }

I used the button btnDeleteExam to update upDetails telerik:RadAjaxPanel like this

            <telerik:AjaxSetting AjaxControlID="btnDeleteExam">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="updDetails" LoadingPanelID="lpnlMiddle" />
                </UpdatedControls>
            </telerik:AjaxSetting>

now telerik:RadAjaxLoadingPanel "lpnlMiddle" shows only for the first button and doesn't show for the others

Hi Ibrahim,

Please refer to these Telerik online resources which describe how to show explicitly the AJAX Loading panel:

1. Show/Hide RadAjaxLoadingPanel explicitly (help topic)

2. Ajax - Explicit Show/Hide (online demo)

I hope this helps.

Regards,
Venelin
Telerik