Angular 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

Transform Applications with Ready-Made Themes

September 16, 2025
DevExpress DXperience offers customizable themes to create modern, consistent, and visually engaging interfaces with ease.

DevExpress DXperience is a comprehensive development suite that enables developers to build high-performance applications for Windows, Web, mobile, and tablet platforms using a unified set of controls and tools. It includes hundreds of desktop UI controls for WinForms, WPF, and reporting, as well as web UI controls for Blazor, ASP.NET, MVC, Core, Bootstrap Web Forms, JavaScript, Angular, React, Vue, and web reporting, plus productivity tools like XPO ORM and CodeRush for Visual Studio. With its extensive component library, DXperience accelerates development, ensures visually consistent and responsive interfaces, and is ideal for creating enterprise applications, data-driven web apps, dashboards, and reporting solutions.

DevExpress DXperience enhances application development with new app-wide themes and skins, allowing developers to apply a consistent, modern visual style across entire projects with minimal configuration. By providing professionally designed themes that align with Microsoft Office and Windows 11 aesthetics, along with built-in tools for customizing these designs, it improves the UI design process and reduces the need for manual styling. This enables developers to focus on functionality while delivering polished, cohesive user interfaces that improve usability and maintain a professional appearance across all application modules.

DevExpress DXperience is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. See our DevExpress DXperience licensing page for full details.

For more information, visit our DevExpress DXperience product page.

Improve Navigation with Tabbed Interfaces

September 9, 2025
Tab components enable Angular developers to structure detailed content in the user interface, providing quick navigation and context retention.

Tabs are a common user interface element that allows users to navigate between multiple sections or views within the same window by clicking on labeled tabs, typically displayed in a row. Each tab presents a different set of information or controls, helping to organize content in a way that reduces clutter and makes it easier to find relevant features without switching between multiple windows or pages. Creating a tabbed UI to switch between sections provides faster access to key areas, and improves usability by maintaining context. This approach is especially useful in applications with layered data or multiple tool sets, where managing space and context is critical.

Several Angular UI suites provide you with tab functionality, including:

  • DevExtreme Complete by DevExpress enables customizable tabbed navigation across forms, data views, and dynamic content areas for managing complex interfaces in Angular.
  • Wijmo by MESCIUS offers a versatile TabPanel component for creating tabbed layouts that organize content efficiently while maintaining performance and consistency.
  • Kendo UI by Telerik delivers a highly customizable TabStrip for Angular applications, enabling the organization and navigation of content via tabs in a single frame.
  • Infragistics Ignite UI provides full-featured tab component for arranging user interface elements logically, helping users switch views without leaving the main context.

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

Compare Angular UI Suites

Handle Dates Accurately in Grid Cells

September 9, 2025
JavaScript grids with date/time cell types offer structured input, formatting, and validation for cleaner, more reliable temporal data handling.

A date/time cell type in a JavaScript Grid control lets developers manage temporal data more effectively by treating input as actual JavaScript Date objects rather than plain text. This enables built-in features like calendar popups, time pickers, and structured output formats such as "09/09/2025" or "Sep 9 2025", making it easier for users to interact with the data accurately. It's especially useful in applications that rely on scheduling, activity logs, or time-driven reports. Most modern grid libraries also support localization, formatting, and input validation to ensure the cell behavior fits seamlessly with the application's design and data standards.

Several JavaScript Grid controls offer support for Date/Time cell types including:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) lets you apply rich date/time formatting in cells, supporting custom formats, calendar integration, and internationalized date display.
  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) lets you format date/time cells with predefined patterns, including localized formats.
  • KendoReact Data Grid (part of KendoReact by Telerik) facilitates precise date/time formatting with full control over display masks, culture settings, and dynamic date parsing.
  • Handsontable by Handsoncode allows you to format date/time values directly in cells using configurable display patterns and built-in support for ISO date formats.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) allows you to define custom date/time formats in cells, handling both short and long styles with locale sensitivity.

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

Compare JavaScript Grid Controls

Bring Speech Input to Your Web App

September 9, 2025
Kendo UI 2025 Q3 introduces a speech-to-text button for Angular, React, Vue and jQuery, facilitating voice dictation across your application's UI.

Kendo UI is a comprehensive suite of four JavaScript UI libraries for Angular, React, Vue and jQuery that enables developers to build responsive web applications for desktop, tablet, and mobile platforms with minimal effort. It provides a wide range of customizable components such as data grids, charts, schedulers, and form controls that streamline development and can significantly reduce time to market. With built-in support for theming, accessibility, localization, and state management, Kendo UI is ideal for creating data-driven dashboards, CRM systems, e-commerce portals, and administrative interfaces while maintaining high performance and a consistent user experience.

The Kendo UI 2025 Q3 update adds a speech to text button component to its Angular, React, Vue and jQuery libraries. These ready to use components facilitate voice‑driven text input directly within the application, converting speech into text so, with just a single click, users can speak instead of typing. It uses the browser's native Web Speech API and supports over 100 languages with automatic locale detection. Developers also benefit from full control over visual styling, including icons, colors, sizes, fill modes, rounded corners, and CSS, and integration hooks through built‑in states and events, making it straightforward to provide rich voice‑enabled experiences or connect to external AI services.

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

KendoReact and Kendo UI are both licensed per developer and share two licensing models: an annual Subscription License and a Perpetual License. The Subscription license provides access to the latest product updates, technical support, and exclusive benefits for a flat annual fee, and must be renewed to continue using the software. The Perpetual license is a one-time purchase granting access to the current released version and includes a one-year subscription for product updates and technical support. After this initial period, users can choose to renew the subscription element to continue receiving updates and support; otherwise, they may continue using the installed version available during their active subscription term but will forgo future updates and support. See our Kendo UI licensing page for full details.

The React library is available individually as KendoReact, while all four Kendo UI libraries are available in the following products: