Add Comment to Sample Page
Now that the components for the custom comment system are in place in the application directory (/apps), it is possible to make use of 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:
Note the three client libraries required for Comments to render and function properly. These will need to be included where the extended Comments is referenced, as well as 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 short 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.
In order 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 ).
Publish Sample Page
After the custom component is added to the page, it is also necessary to (re) publish the page .
Publish: Alt Comment on Sample Page
After publishing both the custom application and the sample page, it should be possible to enter a comment. When signed in, either with a demo user or admin, it should be possible to post a comment.
Here is firstname.lastname@example.org posting a comment:
Now that it appears the extended component is working correctly with the default appearance, it is time to modify the appearance.