Customizing the UI

Which product are you using?
PDF.js Express Plus

PDF.js Express Version
8.7.1

Detailed description of issue

1. Customizing the Comments/Notes Panel

We are looking to extend and customize the existing Comments (Notes) Panel with the following requirements:

  • Change the “Author” field to display a custom value titled “Title”
    • We would like to replace the author name with a custom string (e.g., a dynamic title or label relevant to our use case).
  • Remove the reply feature and replace it with a text box/and save button
    • This text box will be used to edit or update the custom “Title” field mentioned above.
  • Prefix the comment item with a custom icon
    • The icon will serve as an identifier for a specific type of annotation that we’re introducing.

Questions:

  • Is there a built-in API or recommended approach to achieve these customizations in the Notes Panel?
  • Can we override or extend the rendering logic of the Notes Panel items?

2. Adding a New Custom Panel

In addition to modifying the Notes Panel, we would like to create an entirely new panel within the PDFjs Express UI with the following functionality:

  • Display a list of custom data items fetched via an external API call
    • This list is not tied to the annotations or comments, but rather our own backend system.
  • Support UI customization for each item
    • For example, custom layout, icons, or interactive buttons.

Questions:

  • Does the SDK provide support for creating new panels in the sidebar similar to the Notes Panel?
  • Are there examples or APIs available for injecting and styling custom panels and rendering custom components within them?

Hi there,

  • Does the SDK provide support for creating new panels in the sidebar similar to the Notes Panel?

No there is no API for creating new panels in the sidebar. We have our sister product Apryse WebViewer that allows you to create custom panels.

The APIs for customizing the notesPanel is limited. You have the following options:

Or use the advanced UI customization guide to fork the UI:

best regards,
Kevin