JavaScript / HTML5のニュース

ユーザーがグリッドの外観をパーソナライズ可能

3月 21, 2024
カスタマイズ可能なテーマにより、ユーザーはグリッドのルックアンドフィールをパーソナライズできるため、より魅力的でユーザーフレンドリーなエクスペリエンスが実現します。

Customizable themes allow users to easily modify the visual appearance of a grid. This typically encompasses aspects like background colors, font styles, cell borders, and hover effects. These themes offer numerous benefits including improving the grid's readability and user experience by aligning it with the application's overall design aesthetic, enhancing data visualization by using color-coding or conditional formatting, and supporting accessibility needs by incorporating high-contrast themes.

Several Vue.js grid controls offer customizable theme support, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers you to design grids with custom themes for a seamless user experience.
  • Kendo UI for Vue Grid (part of Kendo UI by Telerik) enables customization of grid themes, tailoring the look and feel to perfectly match your application.
  • DataViewsJS by MESCIUS facilitates the creation of visually appealing grids with custom themes, enhancing interactivity with your data.
  • ZingGrid allows you to craft unique grid presentations through customizable themes, ensuring a distinctive visual style.
  • SmartClient Grid by Isomorphic Software facilitates the development of feature-rich grids with customizable themes, providing a solution for complex data visualization.

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

Compare Vue.js Grid Controls

インタラクティブなドリルダウンレポートでインサイトを明らかに

3月 21, 2024
レポートユーザーは、1つの対話型インターフェイス内で、大まかな集計から詳細なデータポイントにシームレスに移動可能

Drill-down is a feature often found in reports that allows users to explore data in greater detail, starting with a high-level summary, then clicking to navigate to progressively finer levels of detail. This helps to make complex data easier to understand and allows users to efficiently identify the underlying source of problems by iteratively analyzing successive layers of data immediately within the report. Drill-downs provide a continuous path from high-level overviews to specific data points, streamlining the process of detecting and addressing problems.

The following JavaScript reporting components offer drill-down support:

  • DevExpress Reporting can be integrated into JavaScript applications and offers interactive drill-downs within reports, enabling users to hone in on specific data points.
  • ActiveReportsJS by MESCIUS is an advanced JS reporting engine providing comprehensive drill-down options to navigate through data hierarchies seamlessly for in-depth analysis.
  • Stimulsoft Reports.JS includes drill-down functionality in JavaScript reports, allowing users to explore data hierarchically and pinpoint problem areas.

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

Compare JavaScript Reporting Controls

ツールチップでダッシュボードのインタラクションを強化

3月 18, 2024
Stimulsoft Dashboards.JS 2024.2では、ツールチップのサポートが追加され、ユーザーが要素にカーソルを合わせると有益なポップアップを表示

Stimulsoft Dashboards.JS is a JavaScript library designed for building interactive dashboards within web applications. It offers a comprehensive suite of tools for data processing, visualization, and dashboard design. Compatible with any HTML5 browser, it allows you to create a variety of dashboards for various purposes and integrates seamlessly with popular JavaScript frameworks like React and Vue.js.

The Stimulsoft Dashboards.JS 2024.2 update adds tooltip functionality for list box, combo box and shape elements. Hovering over an item can now reveal more information, providing additional details and context on demand. This intuitive feature empowers users to explore data and grasp its meaning at a glance, enhancing overall understanding.

For full details of what's new in version 2024.2, see our release notes.

Stimulsoft Dashboards.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Dashboards.JS licensing page for full details.

Stimulsoft Dashboards.JS is available to buy in the following products:

Angularアプリでデータをすばやくバインドして表示

3月 18, 2024
Infragistics Professional 23.2は、アプリで任意のサイズのデータセットを処理できる強力なAngularデータグリッドを含む

Infragistics Professional is a comprehensive toolkit for software developers, offering a wide range of pre-built, high-performance UI components for building visually appealing and feature-rich applications across Angular, React, Web Components, Blazor, ASP.NET MVC, ASP.NET Core, Windows Forms, WPF and Xamarin. It includes controls such as data grids, charts, navigation menus, and more, along with productivity tools to streamline development processes.

Infragistics Professional 23.2 includes the new Ignite UI Angular Data Grid, a full-featured modern component designed to enhance your data visualization capabilities. The grid boasts a rich set of features including data editing, selection, filtering, sorting, grouping, pinning, paging, templating, column moving, and exporting. This latest release brings even more functionality with collapsible column groups, column hiding, pinning, reordering, and moving capabilities. For customization, conditional styling allows for tailored aesthetics at the row or cell level. Advanced editing is empowered by a powerful API for Angular CRUD operations, and the grid also supports export to Excel, advanced filtering, and live data with real-time updates. These features, along with many more, provide a robust solution for all your data grid needs.

Infragistics Professional is licensed per developer and is available as a Perpetual License with a 1, 2 or 3 year support and maintenance subscription. See our Infragistics Professional licensing page for full details.

The Ignite UI for Angular Data Grid is available in the following products:

強力なAngular PDFリーダーアプリを構築

3月 15, 2024
追加のプラグインを必要とせずに、Angular PDF ViewerのKendo UIを使用して組み込みのPDF読み取り機能でAngularアプリを強化

Kendo UI by Telerik is a comprehensive suite of JavaScript UI components offered in versions for jQuery, Angular, React, and Vue. It provides developers with over 110 pre-built widgets and tools to streamline the creation of modern, responsive, and feature-rich web applications, while maintaining a consistent API and theming across frameworks for a cohesive user experience.

This Telerik blog post by Dany Paredes explains how to integrate the Kendo UI Angular PDF Viewer into your web applications and customize how users interact with PDFs, enhancing the user experience or even restricting downloads in specific scenarios. Steps include:

  • Setting up the initial Project parameters
  • Defining the Layout and Interface for both Users and the PDF Viewer
  • Configuring the Reader Service to remember where the User left off
  • Binding Assets to the Kendo PDF Viewer
  • Handling Events
  • Working with the Kendo UI PDF Viewer Toolbar

Kendo UI for Angular PDFViewer provides out-of-the-box functionalities like toolbar customization and event handling, allowing you to quickly build a feature-rich PDF Viewer with minimal code.

View the full blog to learn these valuable techniques.

Kendo UI is licensed per developer and is available as a perpetual license with a 1 year support subscription, which is available in 3 tiers: Lite, Priority or Ultimate. See our Kendo UI licensing page for full details.

Kendo UI is available to buy in the following products: