download-pdf2html5-converter

[Click to edit the title]

Help & Code Samples

Keep updated on changes with our RSS feed

[Click to edit the title]

Related Blog Posts

Series of articles on PDF2HTML conversion

For our PDF to HTML5 Converter we have several different navigation bar modes to make it easier to navigate between pages.

To use these you must set the flag: org.jpedal.pdf2html.addNavBar

to one of these options:

  • none
  • css
  • images
  • thumbnailpanel_<position>

The option that adds a navbar consisting of thumbnails is a bit more complex as it allows you to place the navbar on any side of the page. It's options are:

  • thumbnailpanel_top
  • thumbnailpanel_bottom
  • thumbnailpanel_left
  • thumbnailpanel_right

The default option is thumbnail_bottom

Examples of each option can be seen below:

none

This removes the navbar, and is the default if the converted pdf has only one page.

css

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

css resized 600

On a page it looks like this:

css

images

This mode uses a simple set of images as navigation links at the bottom of the page.

images resized 600

On a page this navbar looks like this:

images

thumbnailpanel_<position>

This mode is more complex because you can place the thumbnail panel in different locations.

From a technical standpoint this adds a slight overhead to the conversion as we not only convert the pages to HTML but also create thumbnail images out of them that are used for navigation purposes.

The various images below show the different positions and what they look like.

thumbnailpanel_bottom

thumbnail bottom resized 600

bottom

thumbnailpanel_top

thumbnail top resized 600

top

thumbnailpanel_left and thumbnailpanel_right

left

right

 thumbnail right resized 600