New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

Modify the Tooltip Text of RadRating Items

By default the text that appears in the tooltips of the RadRating items is determined by the value of the hovered item. There is a way to modify this text via the client-side API of the control.

The following approach can be used for changing the tooltip text of the items:

  1. The data of the rating items is retrieved on the client-side by calling the function get_itemData() of RadRating.

  2. The collection, returned from the function is iterated through and the tooltip field of each item in the collection (which corresponds to an item of the rating) is set with the new text that should appear in the tooltip.

The code sample below demonstrates how to configure the rating to show textual representation of each item when hovered:

<script type="text/javascript">
    var rating = ["Bad", "Fair", "Average", "Good", "Excellant"];

    function OnClientLoad(sender, args) {
        var itemData = sender.get_itemData();
        for (i in itemData) {
            itemData[i].tooltip = rating[itemData[i].index];
<telerik:RadRating RenderMode="Lightweight" ID="RadRating1" runat="server" Precision="Item" SelectionMode="Continuous"
    OnClientLoad="OnClientLoad" ItemCount="5">

See Also

In this article
Not finding the help you need? Improve this article