Activereportsjs Designer

[Lien Kocurek]

ActiveReportsJSis a powerful JavaScript reporting tool, allowing developers and report authors to easily design and display reports within their web applications. With features such as drill-down, runtime data filtering, and interactive parameters, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports.

Build inventory lists, product catalogs, and other Tabular Reports organized in a multicolumn, multirow fashion and apply conditional formatting, grouping, sorting, and filtering to the data based on pre-defined conditions or user input.

Build purchase orders, quotes, parking tickets, and other pre-printed forms with unparalleled accuracy using the unique Fixed Layout Reports. The output of such a report is a completed form that you can view in a browser, print, or export to one of the supported formats and share the export output with interested parties.

Build summary reports that reduce a complete, often large, set of raw data into smaller views that help yield useful information. Group, sort, and filter the data based on pre-defined conditions or user input with pivot tables or charts.

Streamline report creation with our cross-platform report designer. Effortlessly connect to data sources, build data sets, define interactive parameters, and embed subreports for a comprehensive reporting experience.

Give end-users the ultimate view with the JavaScript Report Viewer component. Interactive features such as drill-down, drill-through, subreports, and filtering assist users in their data analysis, and built-in authorization ensures secure access control for sensitive reports.

Integrate the JavaScript Report Designer component into your application and allow end-users to design reports within the browser. With all of the functionality of the standalone report designer, users will be able to build and save their reports anytime, anywhere.

Visual Studio Code Extension

You can now create and modify reports from within Visual Studio Code. The ActiveReportsJS extension is available for free on the marketplace. You can use it without a license, with the evaluation banner displayed at both design time and preview time, or you can enter your license key in the extension settings.

The designer includes Properties Mode - separately for basic and advanced properties with extensive configuration options for report elements, a Report Explorer with tree view of report controls, a Group Editor for Tablix data region to manage data in groups, and so on.

The designer uses JSON data source to build reports, which is light-weight and text based readable format. Apart from .json files, any file with valid JSON can be used as a data source. See Data Binding for more information.

Parameters can be used in dataset queries, You can add a single or multi value parameter, choose to prompt the user to enter the parameter or hide the parameter completely. See Parameters for more information.

ActiveReportsJS Designer supports features like drill-down, drill-through, links, and sorting to provide an interactive look to your reports at run time. Interactive reporting provides flexibility to the users to dynamically work with reports.

If you have purchased a Perpetual deployment license, instead of Annual deployment, you can buy an Annual Maintenance add-on for your Perpetual license (*valid if purchased within 30-day of a Perpetual license purchase). Annual Maintenance provides you with unlimited technical support through ticket submission and phone, and it entitles you to download any major releases that are made public within one year following your purchase. This is the most cost-effective way to ensure that you have the latest features and is highly recommended.

Note: Minor releases and service packs, contain bug fixes, are available to everyone at no cost. A major release, by contrast, contains new features, enhancements and is provided to ActiveReportsJS Annual And ActiveReportsJS Perpetual Licenses With Maintenance.

Annual

By default, we offer annual pricing for each license. The Annual license gives you the right to deploy the ActiveReportsJS for one year from the date of purchase. After one year, you need to extend your ActiveReportsJS license to continue deployment. Annual licenses include one year of support and updates. This is the ideal license if you want to stay up-to-date with the future releases of ActiveReportsJS.

The perpetual license allows you to deploy the purchased version of ActiveReportsJS with no expiration date. Perpetual licenses do not need to be renewed annually. This is a better option for applications that do not need to update to the latest version of ActiveReportsJS every year. A perpetual license support level does not include phone or screen sharing support, and most importantly, it does NOT include the next new major releases of ActiveReportsJS. Customers will still receive service packs for the same version we release within one year of your perpetual license purchase. You have the option to upgrade later at a reduced cost. Contact sales at us.s...@mescius.com to learn more.

Perpetual licenses can be purchased with the Annual Maintenance option (*valid if purchased within 30-day of a Perpetual license purchase). Perpetual Maintenance customers receive free of charge upgrade to the next major version release and phone support. Contact sales at us.s...@mescius.com to learn more.

What is a Designer License Key?

A designer license key is used to license the ActiveReportsJS Stand-Alone Report Designer. The designer is included in the download. The designer license key comes with the purchase of any License for ActiveReportsJS. To learn more and instructions on how to license the ActiveReportsJS designer, refer to the documentation.

What is a Distribution/Deployment Key?

A deployment key is used to license an application using the ActiveReportsJS JavaScript components. A deployment key must be generated before it can be added to the application. To generate a deployment license, you must have an active license and it must be registered to your account. Deployment keys are generated according to one or more specified hostnames or domains. A domain can have several hostnames.

What licensing model would be required for Node.js, Electron, and Mobile apps?

ActiveReportsJS code operates in the context of a headless browser and static web server that runs on "localhost." Such an app could be deployed to multiple servers; thus, we require a Single Domain License. We consider "localhost" to be a domain and numerous deployments to be sub-domains.

Note: A single license cannot be used on both a client- side application and a server- side application. The exception to this rule is if you own the unlimited domains license which can be used on both the client- side and server-side. If you currently own a single domain license you can upgrade to the unlimited domains license and then use it on both the client- side and server-side. If you currently own a single deployment license you will need to purchase an additional single domain license for the server-side execution.

Is this problem caused by the report designer itself? How can I make the report designer to render successfully in a page while preserving the HashLocationStrategy? Any help would be appreciated.

A couple of weeks ago, one of my colleagues was tasked with implementing multiple customizable reports for our software. So, he did some research and found ActiveReportsJS by Grapecity. It allows us to create templates for reports, which could then be edited by our users to fully customize the appearance of those reports. Not only that, but it allows for PDF previewing on the one hand and headless exporting the PDFs on the other.

On top of that, Grapecity seems to have a dedicated and helpful customer service which helped create a POC by quickly integrating their component into our app.

So, I was convinced my co-worker did a great job finding a suitable solution for all our reporting needs, and therefore, I gave my ok to finalize the integration (creating the reports, etc.)

As it turned out, when I reviewed the code of my colleague, the build time on our Azure DevOps agent increased from 5 minutes total (loading the repo, npm install, build and create a zip of the dist directory) to a whopping 17 minutes! Not only that, but the total size of our app went from 7MB to 23MB. Yikes!

Next up are dependencies: The native ActiveReportsJS library consists of multiple JavaScript files. There is a core file that needs to be loaded first, and then there are different files for every use case or view you want to use.

Implementing the OnChanges interface together with @Input() fields is a common practice I often use: The idea behind it is that we can have an Observable stream which allows us to appropriately react to every change on a specific field while simultaneously providing this field in an angular-idiomatic manner via @Input().

In the first subscription, we listen to when the JS files are fully loaded. We then create an instance of the designer. We also listen to the events provided by the designer object and forward them to the relative @Output() field so that a consumer of our component can react to these events. In the last line, we inform angular about the DOM manipulation in order for angular to properly re-render the component.

One thing we can do with our architecture is export a PDF without loading it first into a viewer. The idea is the same as with the component: Just load the JS files needed to render the PDF first and then instantiate an exporter object, respectively invoke its export method:

A JavaScript report tool can be described as a set of web components designed to visualize and consolidate data. ActiveReports is an application that front-end developers use to integrate reporting into web-based applications. The significant features like viewers and report designers, powerful data visualization tools, and extensive API make ActiveReportsJS an industry-leading solution.

3a8082e126