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

Enable Single Click Button after Cancel Click

This article explains how to enable again a RadButton with SingleClick=true when the user cancels the progress/upload.

When the user clicks Cancel in RadProgressArea, the postback is cancelled, so there is no actual response from the server and this is what RadButton uses to re-enable itself.

The solution is to attach a handler to the Cancel button that will use the RadButton Client-side API to enable it again:

Example 1: Attaching the handler that will re-enable the button

    function reEnable() {
        var btn = $find("<%=RadButton1.ClientID%>");
        $telerik.$(".ruCancel", $find("<%=RadProgressArea1.ClientID%>").get_element()).off("mousedown", reEnable);
    function attachHandlersToCancelButton() {
        $telerik.$(".ruCancel", $find("<%=RadProgressArea1.ClientID%>").get_element()).on("mousedown", reEnable);
<telerik:RadButton RenderMode="Lightweight" ID="RadButton1" runat="server" Text="Submit" SingleClick="true" SingleClickText="Please wait..." OnClick="RadButton1_Click" OnClientClicking="attachHandlersToCancelButton">
<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />
<telerik:RadProgressArea RenderMode="Lightweight" ID="RadProgressArea1" runat="server" DisplayCancelButton="True"

Example 2: Monitoring some custom progress

protected void Page_Load(object sender, EventArgs e)

   RadProgressArea1.Localization.UploadedFiles = "Completed Steps: ";
   RadProgressArea1.Localization.CurrentFileName = "Step: ";
   RadProgressArea1.Localization.TotalFiles = "Total Steps:";


protected void RadButton1_Click(object sender, EventArgs e)
    RadProgressContext context = RadProgressContext.Current;
    context.SecondaryTotal = "100";
    for (int i = 1; i < 100; i++)
        context.SecondaryValue = i.ToString();
        context.SecondaryPercent = i.ToString();
        context.CurrentOperationText = "Doing step " + i.ToString();
        if (!Response.IsClientConnected)
            //Cancel button was clicked or the browser was closed, so stop processing
        // simulate a long time performing the current step
Protected Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs) Handles Me.Load

    RadProgressArea1.Localization.UploadedFiles = "Completed Steps: "
    RadProgressArea1.Localization.CurrentFileName = "Step: "
    RadProgressArea1.Localization.TotalFiles = "Total Steps:"

End Sub

Protected Sub RadButton1_Click(ByVal sender As Object, ByVal e As EventArgs) Handles RadButton1.Click
    Dim context As RadProgressContext = RadProgressContext.Current
    context.SecondaryTotal = "100"
    Dim i As Integer = 1
    While i < 100
        context.SecondaryValue = i.ToString()
        context.SecondaryPercent = i.ToString()
        context.CurrentOperationText = "Doing step " + i.ToString()
        If Not Response.IsClientConnected Then
            'Cancel button was clicked or the browser was closed, so stop processing
            Exit While
        End If
        ' simulate a long time performing the current step
        i = i + 1
    End While
End Sub 

See Also

In this article