highlightToolButton image and tool name changes

Technical Support
1

Which product are you using?
PDF.Js Express Js

PDF.js Express Version
8.X.X

Detailed description of issue
Need to change highlightToolButton name means (label) or img to my own image path, and tooltip to my own tool tip for ex: existing tooltip for ‘highlightToolButton’ is ‘Highlight’ to ‘someother text’.

Expected behaviour
Need to change highlightToolButton name means (label) or img to my own image path, and tooltip to my own tool tip for ex: existing tooltip for ‘highlightToolButton’ is ‘Highlight’ to ‘someother text’.

Does your issue happen with every document, or just one?
Yes

Link to document

Code snippet
instance.UI.contextMenuPopup.update([
{
type: ‘actionButton’,
label: ‘Annotate’,
onClick: async () => {
const xfdfString = await instance.Core.annotationManager.exportAnnotations();
const xfdfString2 = await instance.Core.annotationManager.exportAnnotCommand();
handleShow(xfdfString, xfdfString2);
}
},
{
type: ‘actionButton’,
label: ‘Comments’,
onClick: () => setShowSnippet(true)
},
{
type: ‘actionButton’,
img: ‘…/…/…/assets/elastic-elasticsearch-logo.png’,
title: ‘Annotate’,
dataElement: ‘highlightToolButton’
}
]);

3

Hello, I’m Ron, an automated tech support bot :robot:

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:APIs:Forums:

4

Hey there!

You can use the following code to update the image and tooltip:

  instance.UI.updateElement('highlightToolGroupButton', {
    img: 'path/to/image',
    title: 'new_tooltip',
  })

Thanks,
Logan