Behavior and Interaction
When the user hovers over the rating indicator, a different icon or image is shown (property:
iconHovered). This is an orange star by default.
If enabled for rating, the rating that the user previously selected is shown. When the user performs a rating, an event is triggered.
You can also specify the URLs for the images or icons that are used as rating symbols (property:
iconUnselected). Five star symbols are used by default. Although you can use other images or icons, we generally recommend that you use the star symbol. You can only choose 1 symbol for the unselected and 1 for the hovered state.
Number of Rating Symbols
You can specify the number of rating symbols (property:
maxValue). We recommend using a maximum of 7 symbols, although 5 symbols are preferred.
Visual Mode of Rating Symbols
The visual mode defines how float values are visualized: as a half or a full star (property:
visualMode). A half star cannot be select by a user. Therefore, it can only be displayed in read-only mode. The main use case for this is to show average ratings.
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.