# Report Viewer Interface

Learn about the report viewer interface in ActiveReportsJS.

## Content

The report viewer allows you to navigate, export, and print the report output. Its user interface consists of several components described below.

![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/reportauthor-guide/viewer-ui.png)

### Toolbar

The default toolbar of the report viewer includes the following elements.

* The `First Page`, `Previous Page`, `Next Page`, and `Last Page` buttons. You can also type a page number in the text box located in between and press `Enter` to go directly to that page.
* The `Refresh` button re-renders the report and loads the updated output in the viewer.
* The `Back to Parent`, `Go back`, and `Go Forth` buttons allow you to navigate the history of the [drill-through reporting](/activereportsjs/docs/v6.1/ReportAuthorGuide/QuickStart/get-started-with-analytical-reports/Get-Started-With-DrillThrough-Reports).
* The `Zoom out`, `Zoom in`, `Full Screen` buttons and the `Zoom level` drop-down menu can be used to set the page magnification. The `Move Tool` located on the left side of these elements allows you to change the visible part of a page if it does not fit on the screen.
* The `Print` button displays the dialog for selecting print settings and sends the report output to a printer.
* The `Single Page View` navigation mode shows one page at a time, with no other pages visible.
* The `Continous Page View` shows pages in a continuous one-page-wide vertical column.
* The `Galley Mode` shows the report output without dividing it into pages. This mode is only applicable for [Continuous Page Layout](/activereportsjs/docs/v6.1/ReportAuthorGuide/report-configuration/Report-Layouts#continuous-page-layout).

### Search Panel

The `Search Panel` allows you to find a content within the report output and navigate through the search results.
DOC-DETAILS-TAG-OPEN
DOC-SUMMARY-TAG-OPEN
Expand to watch using the search panel in action
DOC-SUMMARY-TAG-CLOSE
![ReportViewerSearch](https://cdn.mescius.io/document-site-files/images/fcb03d52-fb54-40c3-8356-825c2a095d5b/ReportViewerSearch.1ee643.gif)
DOC-DETAILS-TAG-CLOSE

### Parameters Panel

The `Parameters panel` becomes available on the sidebar if a report requires the user input before rendering. Check the [Parameters documentation](/activereportsjs/docs/v6.1/ReportAuthorGuide/Report-Parameters) for more information.
DOC-DETAILS-TAG-OPEN
DOC-SUMMARY-TAG-OPEN
Expand to watch using the parameters panel in action
DOC-SUMMARY-TAG-CLOSE
![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/reportauthor-guide/GetStartedWithAnalyticalReport/GalleyPreview.gif)
DOC-DETAILS-TAG-CLOSE

### Report Map

If a report is configured to produce the [report map](/activereportsjs/docs/v6.1/ReportAuthorGuide/Interactivity#report-map), the viewer displays it on the sidebar under the `Table of Contents` title. Click on a report map item brings the corresponding element of the report output into focus.
DOC-DETAILS-TAG-OPEN
DOC-SUMMARY-TAG-OPEN
Expand to watch using the report map in action
DOC-SUMMARY-TAG-CLOSE
![ReportMap](https://cdn.mescius.io/document-site-files/images/fcb03d52-fb54-40c3-8356-825c2a095d5b/ReportMap.4283f2.gif)
DOC-DETAILS-TAG-CLOSE

### Export Panel

The `Export panel` allows you to export a report to a `Pdf`, `Tabular Data(CSV)`, or `Html` document. Check the [Export Settings documentation](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSViewer/Export/Export-Settings#pdf-export-settings) for more information on the parameters of the output document that you can select using the `Export Panel`.