JavaScript / HTML5のニュース

コンボボックスコントロールで正確な値を選択

9月 23, 2025
Combobox Webコンポーネントは、フィルタリング、オートコンプリート、キーボードのサポートにより、検証済みのデータ入力を簡素化し、あらゆる形式で統合できるように設計

A combobox Web Components control is a user interface element that combines an input field with a dropdown list, allowing users to either type a value directly or select from predefined options. It is commonly used to simplify data entry, particularly when the input must match a set of known values. By supporting features such as filtering, autocomplete, and keyboard navigation, a combobox enhances accessibility and improves the user experience in forms or interactive components. It also helps maintain consistency and validation in data-driven applications by reducing the likelihood of input errors.

Several Web Components Data Editors offer a combobox including:

  • Wijmo Input and Editors (part of Wijmo by MESCIUS) lets you create lightweight comboboxes with autocomplete, custom item templates, keyboard navigation, and support for bound data.
  • jQWidgets Data Editors (part of jQWidgets) allows you to use combobox controls with built-in filtering, keyboard support, dynamic item rendering, and integration with local data.
  • SmartUI (Smart HTML Elements) Data Editors (part of SmartUI (Smart HTML Elements)) provides customizable combobox components with live search, keyboard interaction, templated items, and compatibility with modern JavaScript frameworks.
  • Infragistics Ignite UI for Web Components Data Editors (part of Infragistics Ignite UI), lets you configure comboboxes supporting filtering, single selection, keyboard navigation, and large dataset handling via virtualization.

For an in-depth analysis of features and price, visit our comparison of Web Components Data Editors.

Compare Web Components Data Editors

コンパクトなデータ可視化でトレンドを伝達

9月 22, 2025
Vue.jsプロジェクトでスパークラインを活用して、コンテキスト内の傾向をすばやく認識してデータ分析を支援する小縮尺のグラフを表示

Typically embedded within text, tables/grids, or dashboards, sparklines are small-scale, data-driven graphics that present trends, patterns, or fluctuations within a dataset in a visually compact format. Unlike full-scale charts, sparklines do not include axes or labels, allowing them to present time-series or categorical data in a condensed form to deliver immediate visual cues without interrupting the flow of surrounding content. This design makes sparklines well-suited for highlighting patterns and changes over time or comparing multiple values side-by-side whilst helping users quickly identify key insights without leaving the context of the data.

Several Vue.js charting components offer sparkline functionality, including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you render compact sparklines directly within grids or dashboards, offering quick visual insights into dynamic data changes.
  • Highcharts Core by Highsoft allows you to embed minimalist sparklines in tables or reports, presenting trends clearly without additional charting overhead.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) supports lightweight sparklines to visualize patterns inline, making them ideal for summarizing series data in grids.
  • amCharts 5: Charts facilitates the creation of embedded sparklines, effectively conveying trends in small spaces without distracting from surrounding interface elements.

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

Compare Vue.js Chart Components

埋め込みサブレポートを使用して関連データを追加

9月 22, 2025
サブレポート機能を備えたAngularレポートコンポーネントを使用すると、マスター詳細レイアウト、左右に並べて表示レイアウト、または条件付きレイアウトのレポートをネスト可能

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

楕円形状を使用して、集中的なドキュメントレビュー実行

9月 19, 2025
楕円注釈は、PDFドキュメント領域にフラグを立てたりコメントしたりするための非侵入的な方法を提供し、カスタマイズ可能な境界線と塗りつぶしをサポート

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

DrupalでPDFフォームをネイティブに編集

9月 18, 2025
ONLYOFFICE Docs with Drupal Connector v9.0.4には、PDFフォーム編集機能が組み込まれており、ユーザーは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.