DocumentationAEM GuidesAEM Guides Documentation

Examples

Last update: Tue Jul 23 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

CREATED FOR:

  • User

In this package we have also provided some customisation examples (available at guides_extension/src) . Below is a brief description for each of them.

  1. Context Menu
    In this example we have customised the file_options context menu, to remove the Delete and Edit options, and replace the Duplicate option with a Download option.

  2. Left Panel
    In this example we have customised the left tab panel to have anothertab titled “TEST EXTENSION”, and a corresponding tab panel which has a label: Test Tab Panel

  3. Right Panel
    In this example we have customised the right tab panel to have another tab titled “TEST EXTENSION”, and a corresponding tab panel which has a label: New Tab Panel

  4. Repository Panel

  5. Toolbar
    In this example we have replaced the Insert Element, Insert Paragraph, Insert Numbered List, Insert Bulleted List buttons with a single More Insert Options button containing all of these.

[Review App Examples]

  1. Annotation Toolbox
    In this example we have added another button to the annotation toolbox that opens the current review topic in AEM.

  2. Review Comment
    In this example we have added replaced the user name with user info (consisiting full name and title of the commenter), added a unique comment ID, a mailTo icon, and added input fields for mentioning comment severity and rationale.
    We have also added a accept with modification button on comments on the XMLEditor side that opens a dialogue.

  3. Comment Reply
    In this example we have added replaced the user name with user info (consisiting full name and title of the commenter), and added a mailTo icon in the comment header.

  4. Inline Review Panel
    In this file, we calculate and assign the unique comment ID, mentioned in the Review Comment and Comment Reply examples.

    • The setCommentId method sets the unique comment ID to each comment depending on the comment count.

    • The setUserInfo sets the value of userInfo, using the full name and title for each comment.

    • The onNewCommentEvent ensures the setUserInfo method is called for each new comment or reply.

    • The updatedProcessComments function runs for each new comment Event, and ensures that setCommentId is called if we get a new comment event.

  5. Topic Reviews Panel: This file extends Inline Review Panel so that added customisations work on the Review App side as well.

  6. Accept with Modification Dialog
    This is an example of adding new widgets to the app. Here we have created a new dialogue, that has two input text fields: Revised Text and Adjudicator Comment Rationale

  7. Save Revision
    This is asn example of how to update an exisitng dialog. We add a button for publish in this. We allow modifying the content of the dialog. Refer to its json here: save_revision

Accept With Modification Dialog

Here’s the review panel before and after customisation:

Review Panel;
Accept With Modification Dialog

recommendation-more-help
11125c99-e1a1-4369-b5d7-fb3098b9b178