+ The CMR International Consignment Note outlines the terms, responsibilities, and legal framework for international road freight transport under the CMR Convention, presented in a comprehensive RDL format.
+
+
+
The CMR International Consignment Note is effectively represented through a variety of table report items, each providing a detailed and informative view of the consignment details.
+
+
+ More information about the image report item can be found in this documentation section.
+
+
+ );
+ }
+ }
+}
+export default CMRReport;
\ No newline at end of file
diff --git a/src/controls/designer/designer.js b/src/controls/designer/designer.js
index 71d37a1..8bd89de 100644
--- a/src/controls/designer/designer.js
+++ b/src/controls/designer/designer.js
@@ -30,6 +30,17 @@ var reportItemExtensions = [{
description: 'Display the barcode lines as report item.',
title: '2D Barcode'
}
+}, {
+ name: 'ESignature',
+ className: 'EJSignature',
+ imageClass: 'customitem-signature',
+ displayName: 'Electronic',
+ category: 'Signature',
+ toolTip: {
+ requirements: 'Add a report item to the designer area.',
+ description: 'This report item is used to add a graphic signature.',
+ title: 'Signature'
+ }
}];
function DESIGNER_TOOLBAR_RENDERING(args) {
@@ -193,4 +204,4 @@ class Designer extends Component {
}
}
-export { Designer };
\ No newline at end of file
+export { Designer };
diff --git a/src/controls/external-parameter-report.js b/src/controls/external-parameter-report.js
index a5d7609..371c859 100644
--- a/src/controls/external-parameter-report.js
+++ b/src/controls/external-parameter-report.js
@@ -145,7 +145,7 @@ class ExternalParameterReport extends Component {
value: [2],
placeholder: "Select Option",
change: function(args) {
- $('#update').prop('disabled', !args.value.length);
+ $('#update').prop('disabled', !args.value.length);
}
});
startDate.appendTo('#startdate');
diff --git a/src/controls/infographics-report.js b/src/controls/infographics-report.js
new file mode 100644
index 0000000..44c6930
--- /dev/null
+++ b/src/controls/infographics-report.js
@@ -0,0 +1,37 @@
+/* eslint-disable */
+import React, { Component } from 'react';
+import { Globals } from '../globals';
+
+class InfographicsReport extends Component {
+ render() {
+ if (this.props.content !== 'desc') {
+ return (
+
+ )
+ }
+ else {
+ return (
+
+
+ The Infographics Report showcases the overall academic performance of a college through graphical representations, utilizing the Bold Reports image report item for visually engaging insights.
+
+
+
The report presents student demographics, academic achievements, and study preferences through visually engaging infographics, seamlessly incorporating the concept.
+
It provides visual insights into key metrics such as graduation rates, course interests, and study habits.
+
+
+ More information about the image report item can be found in this documentation section.
+
+
+ );
+ }
+ }
+}
+export default InfographicsReport;
\ No newline at end of file
diff --git a/src/globals.js b/src/globals.js
index 9c8780c..826b413 100644
--- a/src/globals.js
+++ b/src/globals.js
@@ -32,6 +32,8 @@ import ParameterCustomization from './controls/parameter-customization';
import SubReport from './controls/sub-report';
import PowerPointReport from './controls/powerpoint-report';
import TranscriptReport from './controls/transcript-report';
+import CMRReport from './controls/cmr-report';
+import InfographicsReport from './controls/infographics-report';
import rdlcData from './rdlcData'
window.React = React;
@@ -106,7 +108,9 @@ const SampleComponents = {
ParameterCustomization: ParameterCustomization,
SubReport: SubReport,
PowerPointReport: PowerPointReport,
- TranscriptReport: TranscriptReport
+ TranscriptReport: TranscriptReport,
+ CMRReport: CMRReport,
+ InfographicsReport: InfographicsReport
}
function onReportLoaded(args) {
diff --git a/src/index.js b/src/index.js
index 9deb16e..62e9471 100644
--- a/src/index.js
+++ b/src/index.js
@@ -12,11 +12,22 @@ import './controls/extensions/report-item-extensions/barcode.reportitem.css';
import { EJBarcode } from './controls/extensions/report-item-extensions/barcode.reportitem';
import { EJQRBarcode } from './controls/extensions/report-item-extensions/qrbarcode.reportitem';
+//signature
+import './controls/extensions/report-item-extensions/signature.reportitem.css';
+import './controls/extensions/report-item-extensions/signature.dialog.css';
+import { EJSignature } from './controls/extensions/report-item-extensions/signature.reportitem';
+import { SignatureDialog } from './controls/extensions/report-item-extensions/signature.dialog';
+
let barcode = 'EJBarcode';
let qrBarcode = 'EJQRBarcode';
window[barcode] = EJBarcode;
window[qrBarcode] = EJQRBarcode;
+let signature = 'EJSignature';
+let signatureDialog = 'SignatureDialog';
+window[signature] = EJSignature;
+window[signatureDialog] = SignatureDialog;
+
//code-mirror
import 'codemirror/lib/codemirror';
import 'codemirror/addon/hint/show-hint';
@@ -39,4 +50,4 @@ ReactDOM.render(
// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals();
\ No newline at end of file
+reportWebVitals();
diff --git a/src/samples.json b/src/samples.json
index 8ab153e..f901465 100644
--- a/src/samples.json
+++ b/src/samples.json
@@ -6,7 +6,9 @@
"rdlcData",
"paystub",
"qrbarcode",
- "powerpoint"
+ "powerpoint",
+ "cmr",
+ "infographics"
],
"otherPlatforms": {
"React": "react/#",
@@ -24,9 +26,9 @@
"Intuitive drag-and-drop widgets",
"Hassle-free licensing"
],
- "freeTrialUrl": "https://app.boldid.net/reporting/embedded/register?plan=174&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
+ "freeTrialUrl": "https://app.boldid.net/reporting/embedded/register?plan=194&evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1"
},
- "copyrightPath" : "./src/common/main-content/main-content.js",
+ "copyrightYear": "2025",
"samples": [
{
"routerPath": "product-line-sales",
@@ -434,6 +436,34 @@
"metaData": {
"description": "This demo showcases a Transcript Report that effectively presents school student details, including their grades and performance, in the React Bold Report Viewer."
}
- }
+ },
+ {
+ "routerPath": "cmr-report",
+ "sampleName": "CMR Report",
+ "status": "New",
+ "basePath": "report-viewer",
+ "directoryName": "cmr-report",
+ "imageDetails": {
+ "isLandscape": false,
+ "index": 18
+ },
+ "metaData": {
+ "description": "This demo shows CMR International Consignment Note usage, standardizing international road freight under the CMR Convention, in React Bold Report Viewer."
+ }
+ },
+ {
+ "routerPath": "infographics-report",
+ "sampleName": "Infographics Report",
+ "basePath": "report-viewer",
+ "directoryName": "infographics-report",
+ "status": "New",
+ "imageDetails": {
+ "isLandscape": false,
+ "index": 17
+ },
+ "metaData": {
+ "description": "This demo visualizes an Infographics Report that effectively presents student demographics, course interests, achievements, and study preferences in the React Bold Report Viewer."
+ }
+ }
]
}