How to customize UI?

Technical Support
5

Hi Withnat,

Very odd as the search button is in the default header group normally

image
image841×146 5.97 KB

Do you have any other code moving the position of the search button currently?

If you don’t and for some reason, it does not appear for you, you can use the following code to add the search button to the header group:

            instance.UI.setHeaderItems((header) => {
              header.getHeader('default').push({
                img: "icon-header-search",
                index: -1,
                title: "component.searchPanel",
                type: "toggleElementButton",
                element: 'searchPanel',
              });
            });

You can read more about header customization and more about toggleElementButton APIs here: PDF.js Express Viewer Customize Toolbar | Documentation

Cheers,
Dustin