(Showing Draft Content)

ActiveReportsJS: Troubleshooting

This page enumerates the most common problems you can face using ActiveReportsJS and offers solutions.

Report Designer Component breaks my application's layout

This is a known problem. The report designer's CSS contains the Bootstrap 3.4.1 style, and therefore it could cause conflict with the style of a hosting application. We are trying to fix it as soon as possible. In the meantime, you can apply the workaround described here.

Report displays differently in the browser and in the exported PDF document

Ensure the proper Fonts configuration

How can I debug data requests in the standalone designer application?

Create a file called config.json in the standalone designer application's folder:

  • Windows : %AppData%\ActiveReportsJS Designer
  • MacOS: ~/Library/Application Support/ActiveReportsJS Designer
  • Linux: ~/.config/ActivereportsJS Designer

And add the following content into that file.


Restart the standalone designer application and use Ctrl + Shift + F12 hotkey for Windows or ⌘ + Shift + F12 for Mac to open the developers tools. Use the Network tab to monitor data requests. Here is the screenshot for debugging the data request of the Doughnut Chart Demo Report