Page navigation

In this document
chevron_rightOutside the iframe
chevron_rightRelated events
chevron_rightOutside the iframe

  • The page navigation UI is found on the top tool bar
  • Left/right buttons navigate to previous/next pages respectively
  • You can also specify the page number you want to navigate to by typing in the text field and pressing enter

Outside the iframe

var currentPage = myWebViewer.getCurrentPageNumber();
myWebViewer.setCurrentPageNumber(currentPage + 1);

Inside a config file

var currentPage = readerControl.getCurrentPageNumber();
readerControl.setCurrentPageNumber(currentPage + 1);

Outside the iframe

$(viewerElement).on('pageChanged', function(event, pageNumber) {
  ...
});

Inside a config file

$(document).on('pageChanged', function(event, pageNumber) {
  ...
});

// or

readerControl.docViewer.on('pageNumberUpdated', function(event, pageNumber) {
  ...
});