Edit the tooltip of navigation buttons

2 posts, 0 answers
  1. Gustavo
    Gustavo avatar
    23 posts
    Member since:
    Apr 2012

    Posted 09 Jun 2015 Link to this post

    Is possible to edit the tooltip of buttons "Move Up", "Move Down", and "Delete"? I already try this workaround Set a ToolTip to the navigation buttons but didn't work for me.

    Thanks

  2. Aneliya Petkova
    Admin
    Aneliya Petkova avatar
    207 posts

    Posted 11 Jun 2015 Link to this post

    Hi Gustavo,

    I tried the code provided in the help article and everything works as expected at my side. Here is my page's markup:
    <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" />
        <telerik:RadListBox ID="RadListBox1" runat="server" RenderMode="Classic"
            AllowTransfer="true" AllowReorder="true" AllowDelete="true"
            ButtonSettings-ShowDelete="true" ButtonSettings-ShowReorder="true"
            ButtonSettings-ShowTransfer="true" ButtonSettings-ShowTransferAll="true"
            TransferToID="RadListBoxDestination">
            <Items>
                <telerik:RadListBoxItem Text="item1" />
                <telerik:RadListBoxItem Text="item2" />
                <telerik:RadListBoxItem Text="item3" />
                <telerik:RadListBoxItem Text="item4" />
                <telerik:RadListBoxItem Text="item5" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
                <telerik:RadListBoxItem Text="item6" />
            </Items>
        </telerik:RadListBox>
        <telerik:RadListBox runat="server" ID="RadListBoxDestination" Height="200px"
            Width="200px" RenderMode="Classic" AutoPostBackOnDelete="true">
        </telerik:RadListBox>
     
        <script>
            var $ = $telerik.$;
     
            function pageLoad() {
                window.$ = $telerik.$;
                $(".rlbButton").each(function (b) {
                    var className = this.className;
                    if (className.indexOf("TransferFrom") > -1) {
                        this.title = "Move right :):)";
                        return;
                    }
                    if (className.indexOf("TransferTo") > -1) {
                        this.title = "Move left :):)";
                        return;
                    }
                    if (className.indexOf("TransferAllFrom") > -1) {
                        this.title = "Move all right :(:(";
                        return;
                    }
                    if (className.indexOf("TransferAllTo") > -1) {
                        this.title = "Move all left :(:(";
                        return;
                    }
                    if (className.indexOf("MoveUp") > -1) {
                        this.title = "Move up :D:D";
                        return;
                    }
                    if (className.indexOf("MoveDown") > -1) {
                        this.title = "Move down :D:D";
                        return;
                    }
                    if (className.indexOf("Delete") > -1) {
                        this.title = "Delete ?";
                        return;
                    }
                });
            }
        </script>
    </form>

    I also recorded a short video for you showing my test: http://screencast.com/t/TmCP3xMpSyH

    Regards,
    Aneliya Petkova
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top