Moving Tool buttons from Header Toolbar to Header

[sudheer.gaddam]

PDF.js Express Version
7.2.2

Detailed description of issue
I am trying to move the signature button from the header tools bar into the header bar. I have tried the same by updating the tool button group as below but no luck. Can you please suggest if there a different way for this?

Expected behaviour
I am trying to remove the ‘Insert’ ribbon element and add the signature buttons directly to the header from the header toolbar section.

Code snippet
.then(instance => {
const docViewer = instance.docViewer;
const annotManager = instance.annotManager;

  // call methods from instance, docViewer and annotManager as needed
  instance.setFitMode(instance.FitMode.FitWidth);
  instance.updateTool('signatureToolGroupButton', { buttonGroup: 'header' });

[Logan]

Hey there,

Unfortunately we don’t have a way to move the signature tool up into the main header.

The best thing you can do is to just hide the ribbons (and everything else you dont want) entirely and just leave the signature tool where it is.

instance.disableElements(['ribbons']);

Another option is to customize the UI yourself. Our UI is open source and can be modified however you wish. Please read this guide for more details.

Thanks!
Logan

[elliot]

hi @Logan - I was hoping to move the highlightToolGroupButton, toolsOverlay, and undo/redoButtons into the custom-ribbons-container, have there been any updates since the last post from Feb 2021 that might allow that?

Thanks!

[elliot]

to follow up - this is what my toolbar / header looks like right now, so there is a lot of empty space: