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.
Popover with Details
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).
Size of Rating Symbols
Want to dive deeper? Follow the links below to find out more about related controls, the SAPUI5 implementation, and the visual design.