diff --git a/package.json b/package.json index 3bc4244..59012b9 100644 --- a/package.json +++ b/package.json @@ -1,16 +1,16 @@ { "name": "react-sample-browser", - "version": "12.1.12", + "version": "13.1.26", "private": true, "dependencies": { - "@boldreports/react-reporting-components": "12.1.12", - "@boldreports/javascript-reporting-extensions": "12.1.12", + "@boldreports/react-reporting-components": "13.1.26", + "@boldreports/javascript-reporting-extensions": "13.1.26", "@testing-library/jest-dom": "5.11.9", "@testing-library/react": "11.2.5", "@testing-library/user-event": "12.8.3", "bootstrap": "5.3.3", "create-react-class": "15.7.0", - "axios": "1.12.2", + "axios": "1.15.0", "fs": "0.0.1-security", "gulp": "4.0.2", "path": "0.12.7", diff --git a/src/assets/sidebar/portrait.png b/src/assets/sidebar/portrait.png index ac5b9e9..51171c0 100644 Binary files a/src/assets/sidebar/portrait.png and b/src/assets/sidebar/portrait.png differ diff --git a/src/common/main-content/main-content.css b/src/common/main-content/main-content.css index 6ca5b87..3cea5aa 100644 --- a/src/common/main-content/main-content.css +++ b/src/common/main-content/main-content.css @@ -1,6 +1,12 @@ .ej-main-body-content { background-color: #fafafa; } +.ej-main-child-content { + height:100%; + display: flex; + flex-direction: column; + justify-content: space-evenly; +} .ej-main-body-content #parentTabContainer { border: 1px solid #D7D7D7; @@ -180,7 +186,7 @@ padding: 10px; font-family: "Roboto", "Segoe UI", "GeezaPro", "DejaVu Serif", "sans-serif", "-apple-system", "BlinkMacSystemFont"; overflow: auto; - height: 320px; + height: 320px; font-size: 13px; font-weight: 400; } @@ -198,7 +204,8 @@ color: #283A5E; margin: 30px 0px; width: 100%; - height: 121px; + height: 121px; + flex-shrink: 0; } .header { diff --git a/src/common/sidebar/sidebar.css b/src/common/sidebar/sidebar.css index 5e8be3c..54a150d 100644 --- a/src/common/sidebar/sidebar.css +++ b/src/common/sidebar/sidebar.css @@ -52,7 +52,7 @@ width: 90px; margin: 8px; background-image: url('./../../assets/sidebar/portrait.png'); - background-size: 100% 2200%; + background-size: 100% 2300%; } .ej-sidebar-content .ej-sb-toc .ej-sb-toc-card .ej-sb-toc-card-link{ diff --git a/src/controls/nda-report.js b/src/controls/nda-report.js new file mode 100644 index 0000000..ac7c74b --- /dev/null +++ b/src/controls/nda-report.js @@ -0,0 +1,38 @@ +/* eslint-disable */ +import React, { Component } from 'react'; +import { Globals } from '../globals'; + +class NDAReport extends Component { + render() { + if (this.props.content !== 'desc') { + return ( + + ) + } + else { + return ( +
+

+ This sample demonstrates how to showcase PDF digital signature functionality in Bold Reports using a Non-Disclosure Agreement (NDA) document. It highlights secure signing and verification features for professional agreements. +

+ +

+ More information about the PDF signature report item can be found in this documentation section. +

+
+ ); + } + } +} +export default NDAReport; \ No newline at end of file diff --git a/src/globals.js b/src/globals.js index 5e48dce..707e6d9 100644 --- a/src/globals.js +++ b/src/globals.js @@ -37,6 +37,7 @@ import InfographicsReport from './controls/infographics-report'; import DynamicLogos from './controls/dynamic-logos'; import HRPayroll from './controls/hr-payroll'; import MultiLanguageReport from './controls/multi-language-report'; +import NDAReport from './controls/nda-report'; import rdlcData from './rdlcData' window.React = React; @@ -116,7 +117,8 @@ const SampleComponents = { InfographicsReport: InfographicsReport, DynamicLogos: DynamicLogos, HRPayroll: HRPayroll, - MultiLanguageReport: MultiLanguageReport + MultiLanguageReport: MultiLanguageReport, + NDAReport: NDAReport } function onReportLoaded(args) { diff --git a/src/samples.json b/src/samples.json index 6221a0c..c102965 100644 --- a/src/samples.json +++ b/src/samples.json @@ -8,7 +8,8 @@ "qrbarcode", "powerpoint", "cmr", - "infographics" + "infographics", + "nda" ], "otherPlatforms": { "React": "react/#", @@ -28,7 +29,7 @@ ], "freeTrialUrl": "https://app.boldid.net/register/reports/enterprise?evaluation=v2&leadsource=demos.boldreports.com&gclid=&referrerroriginurl=https://demos.boldreports.com/pricing&secondaryreferraloriginurl=https://demos.boldreports.com/&host=server&quantity=1" }, - "copyrightYear": "2025", + "copyrightYear": "2026", "samples": [ { "routerPath": "product-line-sales", @@ -494,7 +495,6 @@ "sampleName": "HR Payroll", "basePath": "report-viewer", "directoryName": "hr-payroll", - "status": "New", "imageDetails": { "isLandscape": false, "index": 20 @@ -502,6 +502,19 @@ "metaData": { "description": "This demo showcases an HR Payroll report showing salaries, deductions, demographics, and performance insights in the React Bold Report Viewer." } + }, + { + "routerPath": "nda-report", + "sampleName": "NDA Report", + "basePath": "report-viewer", + "directoryName": "nda-report", + "imageDetails": { + "isLandscape": false, + "index": 21 + }, + "metaData": { + "description": "This demo showcases the PDF digital signature functionality in a Non-Disclosure Agreement (NDA) document in React Bold Report Viewer." + } } ] }