Navbar Options

For our PDF to HTML5 Converter we have our own home-grown viewer, the viewer makes it much easier to navigate between pages.

To the viewer you must set the flag: org.jpedal.pdf2html.navMode

Where navMode should equal one of these options:

  • noviewer
  • idrviewer

The default option is idrviewer

Examples of each option can be seen below:

 

Content

This removes the navbar to display only the page, you will not have any form of page navigation :

PDF

IDRViewer

This mode is our default viewer, and consists of several buttons created using CSS that allow you to navigate the pages of the converted PDF.

 

Navigation bar on the online converter

On a page it looks like this:

what our online converter looks like

To the left you will notice the following button :

Thumbnails View

 

Clicking the button highlighted in red will enable the left-hand Nav-Bar with thumbnail icons of the different pages in pdf, your page will now look like this :

Screenshot of new page layout

 

 

Your Navigation Bar will now look like this :

Nav Bar

 

 

New buttonsAs you can see that your navigation bar has now change and you have option to switch between thumbnail view or to see your bookmarks in the current PDF. 

 

Book marks icon

By clicking on the bookmarks view (highlighted in red) you will see that the left hand nav-bar change, it will now display a list of any book marks that are currently in place on your PDF Document.

 

Your screen view may look like the following depending on the file and how many different bookmarks you have in place. Bookmark view

 

Hover

A feature that you may have missed, when you hover over any of the listed outlines it will inform you of what page it is on.

 

 

thumbnail icon

When you have finished looking at your bookmarks and wish to navigate back to the thumbnail view press the thumbnail icon (highlighted in red below).