JavaScript / HTML5 News

Interact with Reports in React Web Applications

April 28, 2026
Stimulsoft Reports.WEB 2026.2 introduces a native React Viewer that simplifies integration and accelerates modern web development.

Stimulsoft Reports.WEB is a cross-platform reporting solution designed for integration within web applications. It leverages a client-server architecture for report generation, viewing, printing, and exporting directly in web browsers. Its powerful .NET report engine offers efficient report processing, a user-friendly HTML5 report designer for building reports with various data sources and visualizations, and an interactive HTML5 viewer for seamless report display within web applications. This integration allows developers to implement robust reporting functionalities without browser plugins or additional client-side dependencies.

The Stimulsoft Reports.WEB 2026.2 update introduces a native React Viewer component that allows developers to embed report viewing and interaction directly within React applications using standard npm and NuGet packages. This approach simplifies integration and deployment by aligning with familiar tooling and workflows, while the clear separation between client-side and server-side components supports scalable architecture and easier maintenance. It also enhances performance through efficient client-side rendering and provides a consistent way to deliver interactive reporting functionality within modern web development environments.

To see a full list of what's new in 2026.2, see our release notes.

Stimulsoft Reports.WEB is licensed per developer and is available as a perpetual license with 1 year support and maintenance. See our Stimulsoft Reports.WEB licensing page for full details.

Stimulsoft Reports.WEB is available individually or as part of Stimulsoft Ultimate.

Export Charts to PDF in jQuery

April 28, 2026
Enable data visualization with PDF export capabilities in jQuery, allowing users to easily distribute charts as PDF files directly from the browser.

Exporting charts to PDF involves generating a static, portable document version of a chart that preserves its visual structure and data representation. This capability is valuable for reporting, compliance, and sharing insights in a consistent format that does not depend on a live application or browser environment. It allows teams to distribute visual data in a widely accepted file format, ensures layout stability across devices, and supports archival or print-ready use cases without requiring additional tooling.

Several jQuery chart components allow you to export to PDF, including:

  • DevExtreme jQuery Chart (part of DevExtreme Complete by DevExpress) lets you export charts to PDF with customizable layouts, preserving fidelity, annotations, and data clarity.
  • Kendo UI jQuery Charts (part of Kendo UI by Telerik) provides built-in chart export to PDF through its drawing API for direct browser-based document generation.
  • FusionCharts Suite XT includes native PDF export capabilities for charts, supporting both client-side generation and server-side services for flexible deployment.
  • jQWidgets Chart (part of jQWidgets) offers a dedicated saveAsPDF method within its API, enabling the direct export of chart content to PDF with optional server-side handling.

For an in-depth analysis of features and price, visit our comparison of jQuery chart components.

Compare jQuery Chart Components

Display Hierarchies as Indented Lists

April 24, 2026
OrgChart JS provides a tree list layout that presents hierarchical data in a vertically aligned structure, making nested information easier to read.

OrgChart JS by BALKAN App is a JavaScript library designed for creating flexible, interactive and customizable organizational charts for presenting structural data. This visual tool helps managers illustrate the roles and hierarchy of an organization, supporting a variety of features, including grouping, assistant nodes, expand/collapse, a built-in search field, and multi-format exports for example to PDF, PNG, SVG or CSV. Compatible with all modern browsers, it supports thousands of nodes without any impact on performance, and offers extensive customization, giving users a versatile and efficient tool for visualizing hierarchical data structures in web applications.

OrgChart JS includes the Tree List Layout, offering a space-efficient and readable way to represent hierarchical data by combining a tree structure with a linear list, enabling developers to display deeply nested hierarchies without the horizontal sprawl of traditional node-link diagrams. It allows nodes to be expanded and collapsed within a vertically aligned list, improving navigation and scalability while maintaining parent-child relationships, and supporting extensive nesting without compromising usability. This makes it particularly useful in scenarios with limited screen space or large datasets, where reducing visual complexity while preserving the full hierarchy is essential, such as administrative dashboards and data management interfaces.

OrgChart JS is licensed based on usage, offering single website, unlimited websites or SaaS, and OEM licenses. It is available as a perpetual license with 1 year maintenance and technical support. See our OrgChart JS licensing page for full details.

For more information, see our OrgChart JS product page.

Explore Nested Data Regions in JavaScript Reports

April 24, 2026
Use ActiveReportsJS to create rich master-detail reports that clearly display related and hierarchical data.

ActiveReportsJS is a powerful, lightweight reporting tool designed to integrate advanced reporting capabilities into any JavaScript application. ActiveReportsJS enables developers to create, view, export, and print richly formatted reports entirely on the client side - with zero server dependencies.

In this blog post, MESCIUS Product Consultant Victor Stahlman demonstrates how to build nested data regions in ActiveReportsJS to create master-detail reports that display related data, such as customers and their orders, within a structured layout. He walks your through configuring datasets, nesting controls like Lists and Tables, and applying filters to correctly link and present hierarchical data relationships in your reports. Key topics include:

  • Growth vs. Static Data Regions
  • Understanding the Master-Detail Concept
  • Choosing the Report Type
  • Building the Report Structure

By implementing nested data regions in ActiveReportsJS, you can transform flat datasets into structured, master-detail reports that are easier to read and analyze.

Read the complete blog to get started building scalable, dynamic JavaScript reports that deliver more meaningful insights to your users.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

Build Accurate Forms with JSON Schema Validation

April 24, 2026
Optimajet FormEngine enables real-time IDE validation and autocomplete, helping you detect issues early and improve form development.

Optimajet FormEngine is a drag-and-drop React form builder that lets teams create, manage, and render complex web forms without writing frontend code. It allows developers and business users to visually design forms, store them as JSON, and render them at runtime. As a React JS library, it easily integrates into existing applications while giving developers full control over form logic, structure, and data flow, making it well suited for complex data collection.

Optimajet FormEngine enables JSON Schema validation for forms, allowing developers to validate form JSON directly within their IDE, identify structural issues, incorrect data types, and unsupported configurations early in the development process, and enforce a consistent, well-defined structure across all forms. By providing real-time feedback, inline error highlighting, and autocomplete suggestions, it improves accuracy and reduces the need for repeated testing cycles, helping developers work more efficiently while minimizing runtime errors and ensuring more reliable form implementations.

Optimajet FormEngine is licensed based on usage type (internal commercial use, public web/SaaS, or OEM embedding), number of domains for the visual editor, and access to additional ready-made components. Licenses are perpetual and include 6 months or 1 year of updates and support. See our Optimajet FormEngine licensing page for full details.

For more information, visit our Optimajet FormEngine product page.