Nouvelles JavaScript / HTML5

Ajoutez un tablix à votre application de création de rapports JavaScript

Janvier 23, 2024
Combinez les avantages des tables et des matrices pour organiser et présenter des données complexes dans un format structuré et facilement compréhensible.

ActiveReportsJS is a reporting tool for web applications that allows developers and report authors to easily design and display reports within their applications. With a wide range of features, such as drill-down, runtime data filtering, and parameter-driven reports, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports.

A Tablix is a versatile report item that acts as a unified platform for displaying data in table, matrix (cross-tab), and list formats. It offers a flexible layout grid with nested rows and columns, allowing you to structure data for easy analysis and visualization. This empowers you to present detailed information, group data by categories, and summarize key metrics, all within a single report element.

In this blog, MESCIUS Technical Engagement Engineer Joel Parks shows you how to use ActiveReportsJS to add a Tablix control to your JavaScript report. Steps include:

  • Adding a Data Source and Tablix control to your report
  • Binding a Data Source and assigning Rows, Columns, Values, and Totals
  • Formatting the Tablix Cells layout

Read the full blog and give your users the ability to create flexible reports with the ability to adapt to changing data conditions.

Exportez et partagez facilement les données de grille

Janvier 22, 2024
Profitez d'un échange de données fluide grâce au format CSV largement pris en charge pour vos exportations de grilles Angular.

CSV export functionality in a grid control empowers users to seamlessly bridge the gap between interactive visualization and in-depth analysis. By exporting the displayed data as a readily importable CSV file, users gain immediate access to a familiar format compatible with diverse spreadsheet tools. This feature promotes efficient data extraction, facilitating further analysis, report generation, and data sharing, all directly from the convenience of the grid interface.

Several Angular grid controls support exporting to CSV, such as:

  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to transform your Angular data tables into clean, ready-to-analyze CSV files with seamless export options.
  • Handsontable by Handsoncode empowers rapid data analysis with seamless, flexible CSV export from your Angular grids.
  • Ignite UI Angular Grid (part of Infragistics Ignite UI) lets you effortlessly export your grids to clean, analysis-ready CSV files in a single click.
  • Syncfusion Grid control for JavaScript (part of Syncfusion Essential Studio Enterprise) allows you to capture Angular grid data effortlessly in CSV format for straightforward sharing.

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

Compare Angular Grid Controls

Améliorez la convivialité grâce à la sélection visuelle dans les applications JS

Janvier 22, 2024
Les contrôles Image ListBox améliorent l’expérience utilisateur et l’esthétique en proposant des repères visuels facilitant la sélection des éléments.

Image listboxes transcend the limitations of traditional listboxes by incorporating image previews alongside textual labels. This creates an intuitive browsing experience, enabling users to quickly identify and select an option with visual cues. This is particularly useful for applications where visual selection enhances the user experience, such as choosing products in an e-commerce platform or selecting avatars in user profiles. It combines the clarity of images with the efficiency of a listbox to streamline selection processes.

Several JavaScript data editor collections provide image listbox capabilities including:

  • DevExtreme Complete Data Editors (part of DevExtreme by DevExpress) allows you to integrate thumbnails and icons directly into list items, streamlining user selection.
  • Kendo UI for jQuery Editors (part of Kendo UI by Telerik) lets you create templates to customize the display of each list item with text and images.
  • Wijmo Input and Editors (part of Wijmo by MESCIUS) includes a customizable ListBox which can display images next to items to facilitate informed user selection.
  • Smart HTML Elements Data Editors The Smart.ListBox control displays rows containing customizable tiles that can contain text with icons/images or avatars.

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

Compare JavaScript Data Editors

Ajoutez des filtres personnalisés aux éléments d’un tableau de bord

Janvier 19, 2024
Stimulsoft Dashboards 2024.1.1 améliore les capacités d’exploration des données pour les tables, notamment grâce à l’ajout d’un filtrage défini par l’utilisateur.

Stimulsoft Dashboards is a versatile suite of tools for crafting interactive data visualizations for web and desktop applications. It empowers developers to embed intuitive dashboards across various platforms, including .NET, JavaScript, and PHP, using the platform-specific components or a centralized cloud designer. With rich data analysis elements, extensive customization options, and pre-built templates, Stimulsoft Dashboards helps you transform complex data into clear, actionable insights for any audience.

The Stimulsoft Dashboards 2024.1.1 update adds the option to include custom filters for the Table element in dashboards. When filters are applied to the table, a dedicated control element lets you easily edit and remove user filters with a single click. This intuitive addition streamlines workflow, keeps you focused, and ensures your dashboards always reflect the exact insights you need.

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

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

Stimulsoft Dashboards is available to buy in the following products:

Créez des feuilles de calcul localisées dans Angular

Janvier 19, 2024
En adaptant votre application de feuille de calcul à différentes régions, vous la rendez accessible et conviviale aux utilisateurs du monde entier.

In spreadsheet controls, localization refers to adapting the user interface and functionality to different languages and cultural contexts. This involves translating static text like menu labels and buttons, formatting dates and numbers according to regional conventions, and even adjusting features like formula syntax to match users' expectations. Effective localization ensures intuitive interaction for global audiences, boosting user adoption and enhancing the overall spreadsheet experience.

Several Angular spreadsheet controls support localization including:

  • SpreadJS by MESCIUS (formerly GrapeCity) enables developers to streamline localization with rich formatting options, multi-language support, and built-in translation tools for Angular spreadsheets.
  • Telerik Excel Export (part of Kendo UI) allows you to simplify localization with built-in Excel formatting and right-to-left language support for Angular spreadsheet exports.
  • Jspreadsheet Pro is a front-end component, providing a datagrid that integrates with Angular. It features spreadsheet controls and the functionality to translate the datagrid interface and formula names.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) provides high performance and seamless RTL rendering for localized Angular spreadsheets with flexible APIs.

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

Compare Angular Spreadsheet Controls