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.

Is this article helpful? No Yes
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy