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:

JavaScript

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.