Customizing the rating widget | HCL Digital Experience
The user interface of the rating widget consists of Web Content Manager HTML components. You can customize the rating widgets by modifying one or more of these components. For example, you can change the order of the user interface elements, or you can remove a field that you do not want to show in the user interface. The components are listed here.
About this task
Changes that you make here apply to all instances of the rating widget.
Some of the components are mandatory. Do not remove them.
- HTML - Rating Widget Light - Label:
- This component is mandatory. Do not remove it. This component
renders the default label for the rating widget. The rating widget
shows one of the following types of rating. The shown rating type
depends on the setting of the rating scope parameter for the widget
instance. For more information about this parameter, read the Rating
widget parameter reference.
- Personal public rating
- With the rating scope parameter set to this value, the rating widget shows all public ratings that the user applied to this resource.
- Personal private rating
- With the rating scope parameter set to this value, the rating widget shows all private ratings that the user applied to this resource.
- My public rating
- This label indicates PERSONAL_PUBLIC rating.
- My private ratings
- This label indicates PERSONAL_PRIVATE rating.
- HTML - Rating Widget Light - Menu:
- This component is mandatory. Do not remove it. This component renders the drop-down menu that is used for switching between the different rating scopes.
- HTML - Rating Widget Light - Divider1:
- This component renders the divider that separates the menu and the rating asterisks.
- HTML - Rating Widget Light - Stars:
- This component is mandatory. Do not remove it. This component renders the asterisks that show the rating for the resource.
- HTML - Rating Widget Light - Divider2:
- This component renders the divider that separates the menu and the rating description.
- HTML - Rating Widget Light - Divider3:
- If the widget shows an error message, this component renders the divider that separates the rating description and the error message.
- HTML - Rating Widget Light - ErrorMessageDivider:
- If the widget shows an error message, this component renders the divider that separates the ratings and the error message.
- HTML - Rating Widget Light - Messages:
- This component is mandatory. Do not remove it. If the widget shows an error message while a user is using the rating widget, this component renders the error message.
- HTML - Rating Widget Light:
- This component contains all the components that are shown earlier in this list.