Report Designer for HTML5/JavaScript
A web-based report designer that helps you turn data into interactive SSRS RDL and RDLC reports—no coding required.
No credit card required.
Other supported frameworks
Overview
JavaScript Report Designer, also known as JavaScript Report Builder, is a feature-rich component for creating SSRS RDL and RDLC reports effortlessly. Connect to data sources, and create datasets, queries, interactive parameters, and subreports. Using report items like charts, grids, and more, create visually appealing paginated reports without coding. Access control allows tailored permissions for secure reporting.
What you can do with JavaScript Report Designer
Connect to any data source
Connect to a wide range of data providers, whether hosted locally or on a server. The designer supports built-in, business objects, and custom data sources to fit your reporting needs.
-
Built-in sources: SQL Server, SQL Azure, XML, Oracle, ODBC
-
Business objects: IList, DataSet, DataTable
-
Custom connectors: MySQL, SQLite, PostgreSQL, and more
-
Built-in data sources: Microsoft SQL Server, Microsoft SQL Azure, Web API, OData, PostgreSQL, MySQL, MariaDB, MemSQL, JSON, XML, CSV, Excel, Oracle, OLEDB, and ODBC.
-
Business object data sources: IList, DataSet, and DataTable.
-
Custom data processing extensions: MySQL, SQLite, PostgreSQL, and more.
Create data models with an easy-to-use query builder
Data query preparation takes time. With our JavaScript Report Designer, you can build queries in just a few clicks. The easy-to-use drag-and-drop query builder helps both technical and nontechnical users to create and view relationships between tables.
Eye-popping data visualization
The JavaScript Report Viewer displays reports that provide information, insights, and trends:
-
Basic items: Text box, image, line, and rectangle.
-
Data region items: Table, matrix (pivot table), and list.
-
Data visualization: Charts, sparklines, data bars, gauges, indicators, and maps.
-
Subreports.
-
Custom report items: Barcodes, QR barcodes, and more.
Styling and formatting reports
The JavaScript Report Designer helps you turn raw data into clear, visually appealing reports that are easy to understand. The WYSIWYG user interface allows the report to be edited in the same form it is printed or displayed. Furthermore, you can easily edit a report with mouse, touchscreen, or keyboard interfaces.
Data shaping
View organized and shaped data to make bolder business decisions using the following techniques:
-
Sorting
-
Filtering
-
Grouping
-
Summaries and aggregates
-
Calculated fields
Report parameters
Parameters are the most widely used functionalities to interact with RDL/RDLC reports at runtime. The following parameter types allow you to modify the data presentation to provide an enhanced user experience:
-
Cascading parameters
-
Non-queried parameters
-
Queried parameters
-
Multivalued parameters
-
Custom parameter layouts
Multi-column reports
Users can create and visualize data across multiple adjacent columns, such as mail merge, business cards, newspaper, and more.
Interactive reports
Display data in data regions that support user interactivity at runtime with features like drill down, drill through, hyperlinks, bookmarks or anchors, document map, subreports, and nested data regions.
Expression builder
The JavaScript Report Designer provides an expression builder that allows you to create simple and complex RDL expressions. Expressions are used throughout report definition to control the content or appearance of a report.
-
Set dynamic values to any properties such as color, font, and more.
-
Create additional operations such as mathematical computations, conditional formatting, conversions, and more.
-
Use constants, built-in fields, parameters, fields, data sets, variables, operators, common functions, and more.
Editing capabilities
Editing a report and its report items is simple with support for basic editing operations such as cut, copy, paste, undo, and redo.
View reports
The WYSIWYG Report Designer provides an option to preview reports and verify whether the created report displays what you require. The HTML5/JavaScript Report Viewer displays the reports.
Print preview
You can set up paper size, margins, and orientation before printing. The preview window shows exactly how the report will appear.
Print and export
Print or export reports in one click. Supported formats include PDF, Word, Excel, PowerPoint, CSV, XML, and HTML—each maintaining pixel-perfect accuracy.
Save and share reports
The HTML5/JavaScript Report Designer allows you to save reports to Bold Report Server or SSRS Report Server, and to your computer in the Microsoft RDL standard. Publishing a report to the server allows other users who have permission to access the server to view it.
Edit reports
Users can open and edit any SSRS RDL/RDLC report that is already created. The edited report can be previewed and saved to the same or a different location.
Developer-friendly APIs
Control every element of the designer—from toolbar to dialogs—through developer APIs. This flexibility lets you customize workflows and extend functionality easily.
Stunning built-in themes
Pixel-perfect built-in themes are available in Material, Bootstrap, and Fabric designs. In addition, the library comes with an accessible high-contrast theme.
Globalization and localization
Easily build applications to be used by a global audience in various languages using culture settings and by localizing static text.
Browser compatibility
The JavaScript Report Designer runs smoothly on all modern browsers—Chrome, Edge, Firefox, and Safari—using pure HTML5 for consistent performance.
Enterprise-Ready Compliance
Bold Reports helps you meet key security and compliance standards. All activity logs are safely stored, can’t be changed, and are easy to export when needed.
Enterprise-Grade Compliance
Bold Reports helps you meet key security and compliance standards. All activity logs are safely stored, can’t be changed, and are easy to export when needed.
- ISO 27001
- SOC 2 Type II
- GDPR
- HIPAA-Capable
Ready to Add Custom Reports to Your Application?
With Bold Reports, you can build and embed reports that feel like a native part of your application—fully branded and easy to use.
No credit card required.