full page update progress

[ehsan]

hi
i saw in some sites when i click on links or button on the page , all of the page makes gray style and disabled(freezed) while doing action until loading completed.
how we can make asp.net page like that ?
tnx

[Iana Tsolova]

Hello ehsan,

Please review the below articles to find out more information on RadAjax features and functionality.

http://www.telerik.com/help/aspnet-ajax/ajxajaxmanager.html
http://www.telerik.com/help/aspnet-ajax/ajx-how-it-works.html
http://www.telerik.com/help/aspnet-ajax/ajxdesigntime.html
http://www.telerik.com/help/aspnet-ajax/ajxajaxpanel.html
http://www.telerik.com/help/aspnet-ajax/ajxloadingpanel.html
http://demos.telerik.com/aspnet-ajax/ajax/examples/manager/firstlook/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/ajax/examples/panel/firstlook/defaultcs.aspx
http://demos.telerik.com/aspnet-ajax/ajax/examples/loadingpanel/loadingimages/defaultcs.aspx

Additionally, you can find attached a simple application illustrating the desired effect.

I hope this helps.

Regards,
Iana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Marco]

Thanks a lot.  This was helpful.

[Suresh Mariaraj]

Hi,
            I'm using the latest Telrik Version, I need a small clarification. I had seen your articles regarding usage of
RadAjaxLoadingPanel. Almost all the articles points how to bind a RadAjaxLoadingPanel with a specific control.
But in my case, I need this functionality for any postback happening from controls inside a asp:UpdatePanel.
      
        For example, Consider an "asp:UpdatePanel" with 10 controls , out of which 3 having postbacks. 
Will i be able to set a  RadAjaxLoadingPanel for entire "asp:UpdatePanel" instead of declaring
one by one control.

With Regards
Sri

[Iana Tsolova]

Hello Suresh,

To achieve your goal, you can manually show and hide the RadAjaxLoadingPanel. In this case you can specify over which controls it should be displayed.
However, in your case I would suggest that you replace the ASP:UpdatePanel with RadAjaxPanel and set the LoadingPanelID property of the RadAjaxPanel to the ID of the RadAjaxLoadingPanel. Thus no matter which control inside the RadAjaxPanel performs the callback, the RadAjaxLoadingpanel will be automatically displayed over the whole RadAjaxPanel.

Kind regards,
Iana
the Telerik team

[Suresh Mariaraj]

Hi Iana 
   Thanks for the suggestion, But for some reasons i should use asp:update Panel.
Issue is resolved with the following Code.

<script language="javascript" type="text/javascript">
    //            Activating and Deactivating the RadLoadingPanel
    var loadingPanel = "";
    var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance();
    var postBackElement = "";
    pageRequestManager.add_initializeRequest(initializeRequest);
    pageRequestManager.add_endRequest(endRequest);
    function initializeRequest(sender, eventArgs) {
        loadingPanel = $find("loadingPanel1");
        postBackElement = "UpdatePanel1";
        loadingPanel.show(postBackElement);
    }
    function endRequest(sender, eventArgs) {
        loadingPanel = $find("loadingPanel1");
        loadingPanel.hide(postBackElement);
    }
</script>

Regards
Sri