ActiveReportsJS Viewer: Overview

The ActiveReportsJS Viewer is JavaScript based client-side viewer, to view reports on all modern browsers and popular JavaScript frameworks. A responsive visualization makes the viewer automatically adjust to the screen size - so you can use it on all desktop, mobile, and touch devices.

The viewer is highly configurable with its rich API, allowing users to add customizations. With an intuitive interface and all major viewing capabilities such as interactivity, exporting, one-touch printing, rendering modes, etc, the viewer provides a complete viewing experience.

You can pass any valid page report definition to the ActiveReportsJS Viewer - it may be a JSON object, string, or a file (.json, .rdlx-json, .txt, etc.)


  • You need to set the height of ActiveReportsJS Viewer control to be able to use it.
  • If you want the viewer to be shown fully on the page (without margins), you must set body margin to 0. To do so, add the following style to your application, which hides the default margins for the body:
    body {
      margin: 0
  • You may need to add MIME types accordingly to support specific file formats.
  • Reports bound to large datasets (embedded or external) may take longer time to render. Even if a user sets filter to reduce data to be used in report with only few pages to render, all the data is still transferred to the user, which makes rendering slow. To make browser rendering fast, it is recommended to use faster internet connection speed, and reduce the size of dataset if possible.
  • To optimize viewer for mobile devices, you need to add viewport meta tag in the head tag in HTML page as:
    <meta name="viewport" content="width=device-width, initial-scale=1">

See this topic for details on the supported browsers and frameworks.