- Exciting release!Introducing "safe npm". Learn more →
@grapecity/ar-viewer
Advanced tools
@grapecity/ar-viewer
Fast, full featured, JavaScript report viewer for ActiveReports report definition files. Features include printing, exporting, and searching.
- 17.0.2latest
- Version published
- Maintainers
- 1
- Weekly downloads
- 589
- decreased by-35.27%
Weekly downloads
Readme
ActiveReports Js Viewer
How to install
npm i @grapecity/ar-viewer --save-dev
How to include
The bundles are here: ./node_modules/@grapecity/ar-viewer/dist
Using the physical path:
<head>
...
<link href="./node_modules/@grapecity/ar-viewer/dist/jsViewer.min.css" rel="stylesheet">
...
</head>
<body>
...
<script type="text/javascript" src="./node_modules/@grapecity/ar-viewer/dist/jsViewer.min.js"></script>
...
</body>
Using the package name:
import "@grapecity/ar-viewer/dist/jsViewer.min.js";
import "@grapecity/ar-viewer/dist/jsViewer.min.css";
Using attributes main and style from package.json:
import "@grapecity/ar-viewer";
How to use
<body>
...
<div id="viewerContainer" />
...
<script type="text/javascript">
let viewer;
function loadViewer() {
viewer = GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer'
});
}
loadViewer();
viewer.openReport('report.rdlx');
</script>
...
</body>
Localization
JSViewer automatically detects the user's language and supports English, Japanese, and Chinese localizations.
To add custom localization to JSViewer, specify the URL of the JSON file containing the localization data:
GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer',
localeUri: './custom-locale.json'
});
Or pass the JSON object directly:
GrapeCity.ActiveReports.JSViewer.create({
element: '#viewerContainer',
localeData: JSON.parse(`{
"export": {
"boolTextFalse": "False",
"boolTextTrue": "True"
},
"viewer": {
"toolbar":
{
"refresh": "Refresh"
}
}
}`
),
});
FAQs
Fast, full featured, JavaScript report viewer for ActiveReports report definition files. Features include printing, exporting, and searching.
The npm package @grapecity/ar-viewer receives a total of 428 weekly downloads. As such, @grapecity/ar-viewer popularity was classified as not popular.
We found that @grapecity/ar-viewer demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket installs a Github app to automatically flag issues on every pull request and report the health of your dependencies. Find out what is inside your node modules and prevent malicious activity before you update the dependencies.