@grapecity/activereports
Advanced tools
ActiveReportsJS (ARJS) is JavaScript version of ActiveReports that can work on any modern browser. It doesn't have server-dependency.
Supported report types are "Page" and "RDL".
Install all ActiveReportsJS javascript components using npm install @grapecity/activereports
For more information on how to use ActiveReportsJS and available tools, refer to the Documentation or API reference for guidance.
View ActiveReportsJS demos here.
index.html head section add reference to ar-js-core.js and ar-js-viewer.js from dist folder and ar-js-viewer.css from styles folder: <link rel="stylesheet" type="text/css" href="/styles/ar-js-viewer.css">
<script src="/dist/ar-js-core.js"></script>
<script src="/dist/ar-js-viewer.js"></script>
index.html in head section (above ar-js-core.js and ar-js-viewer.js) add reference to ie-polyfills.full.js from dist folder: <script src="/dist/ie-polyfills.full.js"></script>
index.html head section add reference(s) to ar-js-pdf.js, ar-js-html.js or ar-js-xlsx.js from dist folder: <script src="/dist/ar-js-pdf.js"></script>
<script src="/dist/ar-js-html.js"></script>
<script src="/dist/ar-js-xlsx.js"></script>
index.html body section add div with id to host ActiveReportsJS Viewer. Note, that it requires container height to be defined: <div id="root" style="height: 100%"></div>
index.html add script to load viewer and subscribe it to body onload event:<body onload="loadViewer()">
<script>
function loadViewer() {
var viewer = new ActiveReports.Viewer('#root');
viewer.open({
"Name": "Report",
"Type": "report",
"Body": {
"Name": "Body",
"Type": "section",
"ReportItems": [
{ Type: "textbox", Name: "textbox1", Value: "Hello from ActiveReports", Top: "3in", Left: "3in", Height: "1in" }
]
}
});
}
</script>
<div id="root" style="height: 100%"></div>
</body>
To create and modify reports, you will need ActiveReportsJS Designer. Download the ActiveReportsJS designer here for MacOS, Win, or Linux, to get started.
FAQs
ActiveReportsJS
The npm package @grapecity/activereports receives a total of 2,189 weekly downloads. As such, @grapecity/activereports popularity was classified as popular.
We found that @grapecity/activereports demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago.Β It has 2 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
New research reveals that LLMs often fake understanding, passing benchmarks but failing to apply concepts or stay internally consistent.
Security News
Django has updated its security policies to reject AI-generated vulnerability reports that include fabricated or unverifiable content.
Security News
ECMAScript 2025 introduces Iterator Helpers, Set methods, JSON modules, and more in its latest spec update approved by Ecma in June 2025.