Disable Telerik Button with javascript, after click.

4 posts, 1 answers
  1. Technology
    Technology avatar
    53 posts
    Member since:
    Jul 2010

    Posted 05 May 2011 Link to this post

    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.

            function disableBtn(btnID, newText) {

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

    Telerik Button:
                    <asp:UpdatePanel runat="server" ID="Panel">
                            <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" />
                    <asp:UpdateProgress ID="progress1" runat="server" AssociatedUpdatePanelID="Panel">
                            <div class="">
                                <asp:Image runat="server" ImageUrl="images/loading.gif" />
                                <br />
                                Your Request is in Proccess.
                                <br />
                                Please Wait...

    Thank you in advance for you help.

    Best Regards,
    Technology Department.
  2. Answer
    Bozhidar avatar
    693 posts

    Posted 05 May 2011 Link to this post


    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,
    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Peter
    Peter avatar
    98 posts
    Member since:
    Mar 2012

    Posted 02 Mar 2015 Link to this post

    Using Single-Click, how do you reset the button back to normal after the post-back?
  4. Peter
    Peter avatar
    98 posts
    Member since:
    Mar 2012

    Posted 02 Mar 2015 Link to this post

    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">
                        <telerik:AjaxUpdatedControl ControlID="btnSend" />
Back to Top