Disable Telerik Button with javascript, after click.

[Technology]

Dear support team,

i have this problem.
I'm trying to disable the Telerik button after the click.
When i use the ASP:Button it works. When i use Telerik button, is not working.
Can you please help me with this?
Below you will find my code.

Javascript:
        function disableBtn(btnID, newText) {

            var btn = document.getElementById(btnID);
            btn.disabled = true;
            btn.value = newText;
        }

Telerik Button:
                <asp:UpdatePanel runat="server" ID="Panel">
                    <ContentTemplate>
                        <telerik:RadButton ID="btnSave" runat="server" ButtonType="LinkButton" Text="Proccess"
                            Width="50px" BorderColor="#006699" BorderStyle="Solid" BorderWidth="1px" ForeColor="#003366"
                            Height="40px" CssClass="SmallRadButtonsTop corners-all" Font-Size="Small" ValidationGroup="SaveOrder"
                            Enabled="False" Skin="Windows7" HoveredCssClass="ShadowOver" PressedCssClass="ShadowClick"
                            OnClientClicked="disableBtn(this.id, 'Submitting...')">
                            <Icon PrimaryIconUrl="~/Images/Save2.gif" PrimaryIconHeight="30" PrimaryIconWidth="50" />
                        </telerik:RadButton>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <asp:UpdateProgress ID="progress1" runat="server" AssociatedUpdatePanelID="Panel">
                    <ProgressTemplate>
                        <div class="">
                            <asp:Image runat="server" ImageUrl="images/loading.gif" />
                            <br />
                            Your Request is in Proccess.
                            <br />
                            Please Wait...
                        </div>
                    </ProgressTemplate>
                </asp:UpdateProgress>

Thank you in advance for you help.

Best Regards,
George.
Technology Department.

[Bozhidar]

Hello,

I would snuggest to take a look at: Single Click Button Demo where similar behavior is presented and with just few modification it will be useful for your scenario also.

All the best,
Bojo
the Telerik team

[Peter]

Using Single-Click, how do you reset the button back to normal after the post-back?

[Peter]

To ensure the SingleClick button resets properly after the post-back, you naturally have to make sure it's wired-up in the AJAX against itself:

<telerik:AjaxSetting AjaxControlID="btnSend">
                <UpdatedControls>                    
                    <telerik:AjaxUpdatedControl ControlID="btnSend" />
                </UpdatedControls>
            </telerik:AjaxSetting>