Disable/Hide Add and Edit Outline buttons in Outlines panel

zaid.jeelani · December 29, 2025, 6:59am

WebViewer Version: 11.3.0

Please give a brief summary of your issue:
I am unable to disable/hide the Edit and Add Outlines button in the Outlines panel, including the context menu on each outline item (i.e, the three dots) :

I have tried the following to disable these buttons:

UI.disableFeatures([UI.Feature.OutlineEditing]);
UI.disableElements([“addNewOutlineButton”, “outlineMultiSelect”]);

But these don’t seem to solve the issue. Can you provide a working solution to this issue for my current version of WebViewer, without it involving upgrading to the latest version.

system · December 29, 2025, 6:59am

Hello, I’m AiRon, an automated tech support bot
While you wait for one of our customer support representatives, I can help you with your question.

It seems that you’re having trouble disabling or hiding the “Add” and “Edit Outline” buttons in the Outlines panel using WebViewer version 11.3.0. The methods you’ve tried should typically work, but there might be additional steps or configurations needed to achieve this.

Some things you can try:

Ensure that the data-element names are correct. Double-check the names like “addNewOutlineButton” and “outlineMultiSelect” to see if they match the actual elements in your version.

Use the disableElements method correctly by ensuring it’s called after the WebViewer instance is fully initialized.

Consider using a configuration file to specifically disable these elements if the direct method does not work.

Check if there are any custom scripts or overrides in your implementation that might be re-enabling these elements.

Here are some resources that might help you:

Hiding/Showing DOM elements in WebViewer UI: This guide provides insights into disabling elements using data-elements and configuration files.

Customizing Viewer Toolbar / Header: Learn about customizing UI components and ensuring elements are properly disabled.

Flyout Menus UI Components: Understand how to manage UI components within flyouts, which might help in ensuring the correct elements are targeted.

View Documents Side-by-side: Though not directly related, this guide can help understand feature management in WebViewer.

Hopefully, this helps you solve your problem while you wait for a human to get back to you.

tgordon · December 29, 2025, 7:01pm

Hello zaid.jeelani,

Please try adding it to the constructor:

WebViewer(
  {
    path: '/webviewer/lib',
    initialDoc: '/files/outlines-nested.pdf',
    licenseKey: 'your_license_key',
    fullAPI: true,
    disabledElements: ['outlineMultiSelect', 'addNewOutlineButton']
  },
  viewer.current,
).then((instance) => {

This worked for me:

Best regards,
Tyler

zaid.jeelani · January 2, 2026, 4:16am

Hi,

Thanks, this works for disabling the add/edit outline buttons, but it does not seem to be working for the context menu(i.e. the three dots) for each outline item. Is there a different code to disable that?

Regards,

Zaid