How to remove divider from header?

[user14]

1. Core version: “8.1.1”
2. Full API: false
3. UI version: “8.1.0”
4. WebViewer Server: false

I’am using Free Pdf Express Viewer with pure Javascript/HTML.

How to remove divider from header?

[system]

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

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

Guides:

• Config files
• APIs for customizing UI
• Integrating PDF.js Express Viewer with Svelte - Initial setup

APIs:

• UI.VerificationOptions
• WebViewerInstance - dangerouslySetNoteTransformFunction(noteTransformFunction)
• UI.Header - shift()

Forums:

• Cannot read property ‘name’ of undefined (core 7.3.2, CoreControls.js:697)
• Custom Annotation drop location on different Resolution
• Scroll Issues With Tablet:

[Logan]

Hey!

You can use the setHeaderItems api to filter out thing in the header you do not want:

This will remove all dividers in the header:

instance.UI.setHeaderItems(header => {
   const items = header.getItems().filter(item => item.type !== 'divider');
   header.update(items);
});

If you want to just remove a specific one, you can just remove it from the array returned by getItems.

Thanks!
Logan