Edit this page

Set a ToolTip to the Navigation Buttons

This article shows how to set ToolTips for the navigation buttons of RadListBox. We will do this using a javascript code - find the appropriate element of the button and set its title property.

What you need to do is to place the following javascript code on your page:

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";
           return;
       }
       if (className.indexOf("MoveDown") > -1) {
           this.title = "Move down";
           return;
       }
       if (className.indexOf("Delete") > -1) {
           this.title = "Delete";
           return;
       }
   });
}

This code will set the tooltips for all buttons. If you do not need all of these just delete the respective IF clause.