ActiveReports 15 .NET Edition
ActiveReports 15 User Guide / Preview Reports / JavaScript / User Interface
In This Topic
    User Interface
    In This Topic

    The JSViewer supports standard viewer features available through UI, which are customizable using the API. A responsive visualization allows the JSViewer to automatically adjust to the screen size and give you the best view of your reports, on all desktop, mobile and touch devices, and modern browsers.

     

    Desktop Layout: A layout for desktop browsers.

    JSViewer Desktop View

    Mobile Layout: A layout for mobile browsers.

    JSViewer Desktop View

    Fullscreen Layout: A layout to display viewer in full screen. The size of the viewer expands to the size of whole screen rather than the size of the window or viewport.

    JSViewer Desktop View

    JSViewer UI

    JSViewer Sidebar

    Sidebar Element Name Description
    Display Sidebar button  Display Sidebar Displays the sidebar that includes the Search, Export, and Parameters panes.
    Search button  Search Displays the Search pane.
    Export button  Export Displays the Export pane where you can select an export format and options for the report you are previewing.
    Parameters button  Parameters Displays the Parameters pane. If a report does not have parameters, the Parameters button is not displayed.
    Table of Contents button  Table of Contents Displays the Table of Contents pane. If a report does not have the Label property or Document map label set, the Table of Contents or Documents map pane does not appear.

    JSViewer Top Toolbar

    Toolbar Element Name Description
    Go to First page button  Go to Last page button Go to First/Last page Jumps to the first or last page of a report.
    Go to Previous/Next page buttons Go to Next page button Go to Previous/Next page Navigates through a report page by page.
    Current page button Current page Displays the current page number and page total. Enter the page number to view a specific page.
    Refresh button Refresh Refreshes the report.
    History: Back to Parent button History: Back to Parent Returns to the parent report in a drill-down page report or RDL report.
    History: Go Back button History: Go Back

    Navigates to a previous page in a parent report in a drill-down page report or RDL report.

    History: Go Forward button History: Go Forward

    Navigates to a next page in a parent report in a drill-down page report or RDL report.

     Move button Move Tool A move tool that you can use to navigate the report.
    Zoom Out button Zoom Out Decreases the magnification of your report. 

    Zoom mode button

    Zoom mode Displays the current zoom percentage which can also be edited. Allows you to select from the available zoom options - 50%, 100%, 150%200%, 300%, Fit to Page, and Fit to Width.

    Zoom In button

    Zoom In Increases the magnification of your report.

    Toggle Fullscreen button

    Toggle Fullscreen Switches to a Fullsreen mode.

    Print button

    Print Displays the Print screen to specify printing options. See Print in JSViewer topic for more information on printing.

    Single Page View button

    Single Page View Shows one page at a time in the viewer.

    Continious View button

    Continious View Shows all preview pages one below the other.

    Galley mode button

    Galley mode Provides a viewer mode which removes automatic page breaks from an RDL report and displays data in a single scrollable page. This mode maintains page breaks you create in the report.

    JSViewer Search

    The Search pane lets you enter a word or phrase for which to search within the report. Under Use these additional criteria, you may optionally select additional criteria. When you click Search, any results appear in the Find results list. Click an item in the list to jump to the item you selected and highlight it.

    JSViewer Export

    To display the Export pane, click Export in the sidebar. The Export pane lets you enter parameters for exporting a report that you are previewing. The available format options are Excel 2003, Excel, Word 2003, Word, PDF, CSV, JSON, XML, Tagged Image, Web Archive, and Excel Data (hidden by default). See availableExports on how to add Excel Data to the available format options.

    Export pane 

    After you set all necessary export properties, click Export.

    JSViewer Parameters Pane

    The Parameters pane appears when you click the Parameters button in the sidebar. In the Parameters pane, enter a value to filter the data to be displayed and click Preview.

    If a report does not have parameters, the Parameters pane is disabled.

    Parameters pane

    JSViewer supports previewing a custom parameter panel, designed in ActiveReports Web Designer.    

    JSViewer Table of Contents Pane

    The Table of Contents pane appears when you click the Table of Contents button in the sidebar. Click any TOC item to navigate to the corresponding section of the report in the Viewer.

    Note that the Table of Contents is only available for reports with Bookmarks. The Table of Contents displays each value for the text box, group, or subreport that you bookmark, and you can click them to navigate to the corresponding section of the report in the Viewer.

    Table of Contents pane