Adding a tagging widget to web content | HCL Digital Experience

You can add a tagging widget to a content item by adding a [Plugin:tags] component to your presentation template. By default the plug-in component is rendered using the HTML - Tagging 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 tagging widget to a content item, include the tagging plug-in in your presentation template.
For example:
<div id="tags">[Plugin:tags]</div>
The tagging 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 tagging widget. Specify the path information using the full library path to the HTML component that contains the design template for the tagging widget. For example:
[Plugin:tags design="Web Content/folder/myTaggingDesign"]
If the design parameter is not specified, a default design is defined in the HTML - Tagging Widget Light component, which is provided with the Web Resources v70 library that is included in the product. During rendering the system checks the following locations for the default design:
  1. The current web content library
  2. 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 the tagScope parameter used with the inline tag widget. For example:
[Plugin:tags actionScope="personal_private"]
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 the design parameter.