Adding a rating widget to web content | HCL Digital Experience
You can add a rating widget to a content item by adding a [Plugin:ratings] component to your presentation template. By default the plug-in component is rendered using the HTML - Rating Widget Light design, which is included in the web content library Web Resources v70, or you can create your own design.
About this task
Note: When using tagging and rating with web content, ensure
that synchronization of the tagging and rating scopes has been set
up for the portal.
Procedure
To add a rating widget to a content item, include the rating
plug-in in your presentation template.
For example:
<div id="ratings">[Plugin:ratings]</div>
The
rating plug-in supports the following parameters that are specified
in a key=value
format:design=path
- The
design
parameter indicates which design to use when rendering the rating widget. Specify thepath
information using the full library path to the HTML component that contains the design template for the rating widget. For example:[Plugin:ratings design="Web Content/folder/myRatingDesign"]
If thedesign
parameter is not specified, a default design is defined in theHTML - Rating Widget Light
component, which is provided withWeb Resources v70
library that is included in the product. During rendering the system checks the following locations for the default design:- The current web content library
- The web content library
Web Resources v70
actionScope=scope
- The
actionScope
parameter indicates the scope of tags that you want to show in this widget. For a list of possible values see the description of theratingScope
parameter used with the inline tag widget. For example:[Plugin:ratings actionScope="community"]
Stylesheet class note: The presentation template
that includes the widget must ensure that the
lotusui30
stylesheet
class is assigned to the markup that contains the widget. You can
specify this stylesheet class in the following ways:- In the presentation template, enclose the widget within a <div>
element that references the class. For example,
<div class="lotusui30"> ... </div>
. - Create a design for the widget that specifies the class, and reference
the design from the
Plugin
tag with thedesign
parameter.