Add Comment to Sample Page

Now that the components for the custom comment system are in place in the application directory (https://experienceleague.adobe.com/apps?lang=en), it is possible to use the extended component. The instance of the comment system in a website to be affected must set its resourceType to be the custom comment system and include all necessary client libraries.

Identify Required Clientlibs

The client libraries necessary for the style and functioning of the default Comments are also necessary for extended Comments.

The Community Components Guide identifies the required client libraries. Browse to the Component Guide and view the Comments component, for example:

https://localhost:4502/content/community-components/en/comments.html

Note the three client libraries required for Comments to render and function properly. These must be included where the extended Comments are referenced, and the extended Comments’ client library ( apps.custom.comments).

Add Custom Comments to a Page

As there can be only one Comment system per page, it is simpler to create a sample page as described in the brief create a sample page tutorial.

Once created, enter Design mode and make available the Custom component group to allow the Alt Comments component to be added to the page.

For the Comment to appear and function properly, the client libraries for Comments must be added to the clientlibslist for the page (see Clientlibs for Communities Components).