Rad Progress Bar is not closing inside ASp.net Update Panel

[John Sathish]

Hi,
i am new to telerik controls.i used RAD Progress Area control in my project.if i use it with out update panel,it works as expected.when i place it with in update panel the progress area is not closing even after the process is over.i add RadProgressContext.OperationComplete = true;.
but no luck.how to do this.
Thanks.

[Shinu]

Hi John,

Please try the following code which uses RadAjaxManager instead of RadAjaxPanel or UpdatePanel.

ASPX:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <ClientEvents OnRequestStart="startProgress" OnResponseEnd="hideProgress" />
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="SubmitButton">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="Label1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

JavaScript:

<script type="text/javascript">
    function startProgress() {
        getRadProgressManager().startProgressPolling();
    }
    function hideProgress() {
        var area = $find('<%=RadProgressArea1.ClientID%>');
        area.cancelClicked = true;
    }
</script>

Thanks,
Shinu.

[John Sathish]

hi Shinu,
Thanks for the idea. but i dont know how to implement RadAjaxManager instead of update panel.in update panel i can place all the controls inside it.but in RadAjaxManager how?.can you give me any examples to proceed further.
Thanks.

[Shinu]

Hi John,

Please have a look at this demo to understand the usage of RadAjaxManager.

Thanks,
Shinu.