Notícias sobre JavaScript / HTML5

Adicione Tablix ao seu aplicativo de relatórios JavaScript

Janeiro 23, 2024
Combine os benefícios de tabelas e matrizes para organizar e apresentar dados complexos em um formato estruturado e de fácil compreensão.

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.

Exporte e compartilhe dados de grade com facilidade

Janeiro 22, 2024
Promova a troca de dados contínua aproveitando o formato CSV amplamente aceito nas suas exportações da grade 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

Melhore a usabilidade com a seleção visual em aplicativos JS

Janeiro 22, 2024
Os controles Image ListBox melhoram a estética e a experiência do usuário, oferecendo dicas visuais para ajudar na seleção de itens.

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

Adicione filtros personalizados aos elementos da tabela do Dashboard

Janeiro 19, 2024
O Stimulsoft Dashboards 2024.1.1 aprimora os recursos de exploração de dados para tabelas com a adição da filtragem definida pelo usuário.

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:

Crie planilhas localizadas em Angular

Janeiro 19, 2024
Adaptar seu aplicativo de planilha para diferentes localidades ajuda a torná-lo acessível e fácil de usar para um público global.

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