Re-Purpose Bookmark Icon Button In Left Panel of WebViewer

Technical Support WebViewer
,
1

WebViewer Version:

Do you have an issue with a specific file(s)?

No

Can you reproduce using one of our samples or online demos?

No

Are you using the WebViewer server?

No

Does the issue only happen on certain browsers?

No

Is your issue related to a front-end framework?

No

Is your issue related to annotations?

No

Please give a brief summary of your issue:
(Think of this as an email subject)

Is it possible to re-purpose the bookmark icon button in the left panel, such that when clicked, will display and use my own custom bookmarks panel component in the existing Bookmarks panel. Specifically, I am talking about the icon button shown in the screenshot below:

image

If this is possible, could you show how I would do this? Thanks!

Please describe your issue and provide steps to reproduce it:
(The more descriptive your answer, the faster we are able to help you)

Please provide a link to a minimal sample where the issue is reproducible:

2

Hi Jaxzon,

To achieve this, I believe you will need to implement your own logic and create your own component within our open-source UI project at: https://github.com/PDFTron/webviewer-ui. Our UI is written in React and specifically you will need to look in to the file: https://github.com/PDFTron/webviewer-ui/blob/10.1/src/components/LeftPanelTabs/LeftPanelTabs.js.

You can replace the “Button” element in the file and identify if it’s active by the state “this.props.activePanel”.