Genero Report Viewer for HTML5 customization

When you select Browser as the output option, files are created for the report. These files are viewed using the Genero Report Viewer for HTML5.

All files needed to operate the Genero Report Viewer for HTML5 are included in the Genero Report Engine (GRE) package in the directory $GREDIR/viewer

Customizing the viewer

The Genero Report Viewer for HTML5 is comprised of the files found within $GREDIR/viewer.

Table 1. GRV for HTML5 viewer files and directories
File / Directory Description
viewer.html Main HTML file containing the toolbar and document view. Customizable via CSS. Can be replaced by custom version if the same classes, ids and event bindings are used. Loads viewer.js, model.js, bowser.js and styles.css.
print.html Print preview page. Customizable via CSS. Can be replaces by a custom version if the same classes, ids and event bindings are used. Loads print.js, model.js, bowser.js and styles.css.
viewer.js JavaScript file that connects the HTML elements in the viewer (viewer.html by default) with the model (model.js). Can be replaced for the case that a custom HTML viewer is used that does not use the same classes, ids and event bindings as the default viewer.
print.js JavaScript file that connects the HTML elements in the print previewer (print.html by default) with the model (model.js). Can be replaced for the case that a custom HTML print previewer is used that does not use the same classes, ids and event bindings as the default print previewer.
model.js A JavaScript object representing a report. Methods exist to query the document (for example, to get the total number of pages), to navigate in the document (for example, to make a certain page the current page) and to register for events (for example, to ask to be notified when a new page is created).
bowser.js A third-party utility for managing browser-specific issues.
styles.css The default styles used by viewer.html and print.html.
images A directory containing the images referenced from viewer.html and print.html.