How to disable Navbar/Header in the PDF?

Technical Support WebViewer
,
1

I don’t want some items in the Header of the PDF.
So, How do I disable/Hide items of Navbar/Header in the PDF?
PFA for clarification.

pdftron page
pdftron page1125×402 75.9 KB

Note: I’m using angular 12

2

Hello,

Thank you for contacting PDFTron WebViewer.

I think this comprehensive header customization guide is what you are looking for.

This guide on Hiding/Showing DOM elements in WebViewer UI could also be helpful.

Please let me know how this works for you, and if you have any further questions.

Best Regards,
Jason Hu
Web Development Support Engineer
PDFTron Systems, Inc.

3

Hi,
Thanks a lot for your response. I applied your method and It worked for me. I used the following code:
disabledElements: [
‘toolbarGroup-Shapes’,
‘toolbarGroup-Edit’,
‘toolbarGroup-Insert’,
‘toolbarGroup-Annotate’,
‘toolbarGroup-Forms’,
‘notesPanel’,
‘viewControlsButton’,
‘selectToolButton’,
‘toggleNotesButton’,
‘searchButton’,
‘freeTextToolGroupButton’,
‘crossStampToolButton’,
‘checkStampToolButton’,
‘dotStampToolButton’,
‘rubberStampToolGroupButton’,
‘dateFreeTextToolButton’,
‘eraserToolButton’,
‘panToolButton’,
‘signatureToolGroupButton’,
‘viewControlsOverlay’
]

But I did not find any element name to hide “view” in the header. Can you please tell me the element name to hide “view”?

PFA for more clarity

image
image1121×372 70 KB

4

Hello,

I think its ‘toolbarGroup-View’ right (WebViewer 8.4.1)? What version of WebViewer are you using?

If it doesn’t have an element name on your side, you could try to customize CSS .

Best Regards,
Jason Hu
Web Development Support Engineer
PDFTron Systems, Inc.

5

Hi,
Thanks for your response.
Yes, it’s ‘toolbarGroup-View’.