Customize the rating widget

The user interface of the rating widget consists of Web Content Manager HTML components. We can customize the rating widgets by modifying one or more of these components. For example, we can change the order of the user interface elements, or we can remove a field that you do not want to show in the user interface. The components are listed here.

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.

The following labels are shown for the corresponding rating scopes:

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 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.

Parent topic: The rating widget

• Rating widget parameter reference

References: