JavaScript / HTML5 News

Add Related Data with Embedded Subreports

September 22, 2025
Angular report components with subreport functionality let you nest reports for master-detail, side-by-side, or conditional layouts.

A subreport in a report component is a report embedded within another report, designed to present related or supplementary data that may not fit naturally into the main report’s structure. It is typically used when displaying hierarchical, grouped, or master-detail relationships, such as showing order items within a customer order summary. Subreports can be independently designed and then linked to the main report using parameters or shared data sources. This modular approach improves report organization and reusability, especially when similar data blocks are needed across multiple reports or sections within a complex reporting solution.

Several Angular Reporting controls offer support for subreports including:

  • DevExpress Reporting lets you embed subreports in Angular via its Web Report Viewer/Designer, supporting master‑detail hierarchies, parameters, and data binding.
  • ActiveReportsJS by MESCIUS allows placing Subreport controls in main reports, passing parameters, nesting subreports, and sourcing subreports by filename or URL.
  • Stimulsoft Reports.JS facilitates subreport components by letting you add them via a designer, link to separate data sources, and configure layout and rendering properties.

For an in-depth analysis of features and price, visit our Angular Reporting controls comparison.

Compare Angular Reporting Controls

Use Ellipse Shapes for Focused Document Review

September 19, 2025
Ellipse annotations provide a non-intrusive way to flag or comment on PDF document areas, supporting customizable borders and fills.

Ellipse annotations in PDF viewer components are shape‑based markups that allow users to draw oval or circular outlines (or filled ellipses) on PDF pages. Such annotations are valuable in highlighting regions, drawing attention to content, or visually marking up documents for review without altering the underlying text. They generally include settings for border color, line width, fill color or transparency, and may offer popup notes, captions, or comments associated with the ellipse shape. The feature supports both interactive use and programmatic control in many viewers.

Several React PDF viewer controls offer support for ellipse annotations including:

  • Document Solutions for PDF by MESCIUS provides a CircleAnnotation class allowing users to place an ellipse on a page and configure its position.
  • Syncfusion PDF Viewer (part of Syncfusion Essential Studio Enterprise) supports ellipse shape annotations and customize stroke and fill color, thickness and opacity.
  • PrizmDoc Viewer by Accusoft allows users to draw, edit, or delete ellipse annotations, add comments, and control the display settings of those annotations.

For an in-depth analysis of features and price, visit our React PDF viewer controls comparison.

Compare React PDF Viewer Controls

Natively Edit PDF Forms in Drupal

September 18, 2025
ONLYOFFICE Docs with Drupal Connector v9.0.4 adds built-in PDF form editing, letting users update fields and layouts directly in Drupal.

ONLYOFFICE Docs Enterprise Edition with Drupal Connector lets teams edit and collaborate on office files directly within Drupal’s Media module, streamlining content creation and management. It integrates the full ONLYOFFICE Docs suite for text documents, spreadsheets, and presentations, supporting formats like DOCX, XLSX, PPTX, ODT, ODS, ODP, PDF, TXT, RTF, HTML, EPUB, and CSV with full OOXML compatibility. Users can create documents, build spreadsheets, and design presentations collaboratively in real time, all in their browser. With options for customization and rebranding, it enhances productivity and delivers a seamless, integrated digital experience.

The ONLYOFFICE Docs Enterprise Edition with Drupal Connector v9.0.4 update introduces the ability to edit PDF forms directly within Drupal, allowing developers and administrators to modify fields, adjust layouts, and update existing forms without re-uploading files. This enhancement improves form management by keeping all edits within the Drupal environment and saving changes back to the original templates, reducing versioning issues and eliminating the need for external tools. It simplifies maintenance, accelerates updates, and ensures that form templates remain consistent and accessible throughout the development lifecycle.

To see a full list of what's new in v9.0.4 (2.0.0), see our release notes.

ONLYOFFICE Docs is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs licensing page for full details.

For more information, see our ONLYOFFICE Docs Enterprise Edition with Drupal Connector.

Visualize Data with Interactive Diagrams

September 18, 2025
Turn complex structures like org charts and workflows into clear, dynamic visuals that are easy to update and understand.

Diagrams in UI toolkits help turn complex data into easy-to-understand visuals that teams can interact with. For example, organizational charts show company structures and reporting lines in a layout that can be updated automatically from HR data. These charts can be expanded, collapsed, or reorganized with drag-and-drop tools, making it easier to understand team relationships and keep information up to date. Diagrams can also be used for workflows, decision trees, and network maps, giving teams a clear, flexible way to present and manage information.

Several React UI suites offer diagram controls including:

  • DevExtreme Complete by DevExpress lets you build interactive diagrams, including organizational charts, process flows, and network structures, with responsive layouts.
  • SmartClient by Isomorphic Software facilitates advanced diagramming, supporting hierarchical org charts, decision trees, and workflow visualizations.
  • Syncfusion Essential Studio Enterprise allows you to create rich diagrams with data binding, automatic layouts, and interactive editing for diverse enterprise applications.

For an in-depth analysis of features and price, visit our React UI suite comparison.

Compare React UI Suites Controls

Instantly Switch Themes Across your Data Grid

September 16, 2025
Built-in support for themes lets you quickly align your grid’s appearance with application design standards.

Built-in theme support in a React grid refers to the component's ability to natively integrate and adapt to predefined visual styles without requiring extensive custom CSS. This feature allows developers to quickly apply consistent, professional-looking designs that align with widely used UI frameworks such as Material UI, Bootstrap, or custom enterprise branding. It simplifies the process of maintaining visual consistency across applications, reduces front-end development time, and ensures that the grid remains visually coherent with the rest of the user interface, particularly during updates or when switching between themes.

Several React Grid controls offer support for built-in themes including:

  • KendoReact Data Grid (part of KendoReact by Telerik) lets you choose among built‑in themes like Default, Bootstrap, Material, Fluent, and Classic, plus color swatches via SCSS variables.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete) allows usage of predefined themes such as Generic, Material Design, and Fluent, supporting Light/Dark/Compact variants across color schemes.
  • Handsontable by Handsoncode includes built‑in themes offering light, dark and auto color modes plus fine‑grained CSS variable‑based customization.
  • jQWidgets Grid (part of jQWidgets) allows you to select from 20+ built‑in themes, applied via theme properties or CSS files, ensuring consistent visual styling.

For an in-depth analysis of features and price, visit our comparison of React Grid controls.

Compare React Grid Controls