pageNavOverlay in beta UI

Technical Support WebViewer
1

Hi,

We recently switched to WebViewer 6.3 and enabled the new beta UI.

It appears to be missing the pageNavOverlay used to display the current and total page numbers above the PDF.
Is there a way to enable it manually?

Regards,
Vincent Robert

2

Hi Vincent,

The pageNavOverlay component appears at the top of the beta UI in 6.3.3, which you can check at https://www.pdftron.com/samples/web/samples/viewing/viewing/.
In WebViewer 7.0 we are making the beta UI the default UI, and the pageNavOverlay component will be moved to the bottom center of the viewer.

Best Regards,
Zhijie Zhang
Software Developer
PDFTron Systems Inc.

3

Hi,

Thank you for all your answers. Is there any way we can test the upcoming version 7.0?

Regards,
Vincent

Vincent Robert

VP Engineering

+33 1 84 19 51 80
vincent.robert@touch-sell.com
738 Rue Yves Kermen - 92100 Boulogne-Billancourt



4

Hi Vincent,

Yes, we have experimental nightly build, which is WebViewer 7.0. You can download the build at https://www.pdftron.com/nightly/#experimental/2020-07-07/.

Thanks,
Zhijie Zhang
Software Developer
PDFTron Systems Inc.

5

Thanks, this is exactly what I was looking for. Can you share any advice on how to use this experimental build as an NPM dependency for oru React project?

Regards,
Vincent

6

Hi,

I would suggest you add a script tag to include the “path/to/experimental-build/webviewer.min.js” in your React project’s index.html file. The webviewer.min.js will add a WebViewer object to the window so inside your app you can call

WebViewer({ …options }, viewerElement).then(…) to initialize WebViewer.

Once we release 7.0 you can install @pdftron/webviewer through NPM and then just import the WebViewer object. We plan to release 7.0 in the next two weeks.

Thanks,
Zhijie Zhang
Software Developer
PDFTron Systems Inc.