After applying the AJAX Rating server behavior according to the instructions described here, the rating widget in browser should look as it follows:
In normal state:
When mouse-hovered:
After rating:
As you can see in the images above, there are a few elements that characterize a rating widget built with MX AJAX Toolbox:
The rating widget consists of 5 stars, each one offering a rating opinion:
Worst
Not so good
OK
Pretty good
Excellent
The initial state (if no votes yet) displays the first 3 stars in yellow, and the last 2 in grey. If the current item had been rated before, the number of yellow stars is the integer part of the value retrieved from the table column that stores the rating score (float value between 1 and 5) - you can know the average rate so far.
When the mouse pointer hovers the rating widgets, the stars to the left turn pink (including the one hovered).
After rating, the widget is displayed disabled.