Edit the tooltip of navigation buttons

[Gustavo]

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

[Aneliya Petkova]

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