Hide some pages or only show specific pages

Technical Support
1

Detailed description of issue
is there a way to show or hide some specific pages

Expected behaviour

2

Hi there,

We do not have a specific API to hide pages, but one trick people have used in the pass is using setPageZoom to make the size of the page very small, and then using a CSS style to make the remaining bit hidden.

Something like this should do this trick:

WebViewer(...).then(instance => {

   const { docViewer } = instance;

   const hidePage = (pageIndex) => {
      docViewer.setPageZoom(pageIndex, 0.01);

      docViewer
        .getViewerElement()
        .querySelector(`#pageSection${pageIndex}`)
        .style.visibility = "hidden";
   }

  docViewer.on('documentLoaded', () => {
       hidePage(1) // hide the second page
  })

})

I hope this helps!
Thanks,
Logan