Responsiveness and Adaptiveness
The rating indicator runs on all form factors and therefore works on all devices. It is embedded in a container and thus behaves as part of it.
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.
Float values can be visualized as a half or full star (property: visualMode). The rating indicator can display a half star only in preview mode (disabled).
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.