Some test text!

Page navigation

In this document
chevron_rightNavigating pages through UI
chevron_rightNavigating pages programmatically
chevron_rightOutside the iframe
chevron_rightInside a config file
chevron_rightRelated events
chevron_rightOutside the iframe
chevron_rightInside a config file

linkNavigating pages through UI

  • 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

linkNavigating pages programmatically

linkOutside the iframe

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

linkInside a config file

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

linkRelated events

linkOutside the iframe

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

linkInside a config file

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

// or

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