# Viewer Interface Elements

The ActiveReportsJS Viewer supports standard viewer features available through UI, which are customizable using the API. Visit the topic to learn more.

## Content


The ActiveReportsJS Viewer supports standard viewer features available through UI, which are customizable using the API.

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

The features available through tool bar icons -

|Features|Toolbar Icons|Description|
|--------|:-----------:|-----------|
|Navigate to First Page| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/first-page.png) |Navigates to first page of the report.
|Navigate to Preceding Pages| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/preceeding-page.png) |Navigates to  previous pages in the report.
|Navigate to Succeeding Pages| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/succeeding-page.png) |Navigates to following pages in the report.
|Navigate to Last Page| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/last-page.png) |Navigates to last page of the report.
|Refresh| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/refresh.png) |Refreshes the report.
|Cancel| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/cancel.png) |Cancels the report rendering.
|History-Back to Parent| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/history.png) |Returns to the parent report in a drill-through page report.
|History-Go Back| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/go-back.png) |Takes  viewer to the previous view in the viewer history.
|History-Go Forward| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/go-forward.png) |Takes the viewer one step forward in the viewer history.
|Move Tool| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/move-tool.png) |Allows to move a selection or an entire page by moving the mouse.
|Zoom Out| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/zoom-out.png) |Decreases the magnification of the report.
|100%| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/100-percent.png) |Displays the current zoom percentage. Allows you to select from the available zoom options - Zoom In, Zoom Out, 100%, Fit to Page, and Fit to Width.
|Zoom In| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/zoom-in.png) |Increases the magnification of the report.
|Toggle Fullscreen| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/toggle-fullscreen.png) |Displays the report in fullscreen mode, hiding the entire UI.
|Print| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/print.png) |Displays the Print dialog to specify printing options. See [Print](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSViewer/Print) for more information|
|Single Page View| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/single-page-view.png) |Shows one page at a time in the viewer.|
|Continuous Page View| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/continuous-page-view.png) |Shows all preview pages one below the other.|
|Galley Mode| ![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/galley-mode.png) |Displays report in a single scrollable page.

The features available through side bar icons -


|Features   |Side Bar Icons |Description    |
|--------   |:----------------------:   |-----------    |
|View sidebar options	|![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/view-sidebar-options.png)	|Allows you to view sidebar options with complete names of the options.	
|Search	|![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/search.png)	|Allows you to search for text with match-case and whole-word search options.	
|Export	|![](https://cdn.mescius.io/document-site-files/images/e637becb-8cbc-4561-bac1-84462097b057/developer-guide/export.png)	|Allows you to export to PDF/HTML/Excel formats. See [Export](/activereportsjs/docs/v6.1/DeveloperGuide/ActiveReportsJSViewer/Export) for more information.