Forums Home / ActiveReports / ActiveReportsJS
Posted by: sabih on 8 October 2024, 10:38 pm EST
sabih
Posted 8 October 2024, 10:38 pm EST - Updated 8 October 2024, 10:44 pm EST
I have a table , in which i want a sub-table , problem here is when the data in sub-table is large , for example when description in large and it goes to next page the data overflows into Goals column instead of continuing in the Actions column , note Keep Together and Can Grow property are true for all the cells
are there any other layouts i can try for my data which can be big and has to overflow to next page
katyayny.raghuvanshi
Posted 9 October 2024, 4:51 am EST
Hi Sabih,
Can you please share a runnable sample report with sample data replicating this issue so that we can test the same at our end and get back to you accordingly?
sabih
Posted 9 October 2024, 7:49 pm EST
Hi , PFA a sample report with some dummy data , basically my requirement is to display goals and concerns , and corresponding list of actions for thesenestedTable.zip
katyayny.raghuvanshi
Posted 14 October 2024, 2:58 am EST
Hi Sabih,
Unfortunately, we couldn’t find the data of the Actions column overflowing to Goals column. Please see the attached screenshare video.
Attachment: NestedSample.zip
katyayny.raghuvanshi
Posted 6 January 2025, 3:31 am EST - Updated 6 January 2025, 3:36 am EST
Hi Sabih,
Oh, I see. Yes, the issue is being replicated with ARJS v2.2.1. However, this issue seems to be fixed in v5.1.3. We would suggest that you upgrade to v5.1.3 to resolve the issue.
You may download ARJS v5.1.3 from here: https://developer.mescius.com/activereportsjs/download
ActiveReportsJS offers a 30-day trial period of the product. The standalone designer application is available for the same 30 days for free.
You may refer to the ARJS v5.1.3 documentation here: https://developer.mescius.com/activereportsjs/docs/v5.1/GettingStarted/Introduction
Also, there have been many breaking changes between the versions. Hence, it is suggested to refer to the breaking changes for each version before upgrading:
We hope this helps, and feel free to get back to us if you face any issues in the upgrade process.
katyayny.raghuvanshi
Posted 6 January 2025, 8:57 am EST
Hi Sabih,
Try updating the package names as follows in the code and in the package.json file:
@grapecity/activereports -> @mescius/activereportsjs
@grapecity/activereports-react -> @mescius/activereportsjs-react
After that, delete the node_modules folder and reinstall the required packages using
npm installFor more information, you may refer to the attached documentation link: Rebranding to MESCIUS
You may also refer to the attached documentation links explaining the latest steps of integrating ActiveReportsJS Report Viewer and Designer with React:
However, if you still face any issue, please share with us your sample application replicating the issue so that we can assist you accordingly.
Attachment: ReactSample.zip
sabih
Posted 7 January 2025, 2:23 am EST
I have updated my package and import , im using node v 16.20.2
“@mescius/activereportsjs”: “^5.1.5”,
“@mescius/activereportsjs-react”: “^5.1.5”,
import { Core } from ‘@mescius/activereportsjs’;
im still getting errors
export ‘Core’ (imported as ‘Core’) was not found in ‘@mescius/activereportsjs’ (module has no exports)
ERROR in ./node_modules/@mescius/activereportsjs/lib/index.js 7:0-63
Module not found: Error: Can’t resolve ‘./node_modules/@mescius/ar-js-pdf’ in ‘C:\Users\Left\Desktop\CarerManagerPlus\carer-app\node_modules@mescius\activereportsjs\lib’
Did you mean ‘ar-js-pdf.js’?
BREAKING CHANGE: The request ‘./node_modules/@mescius/ar-js-pdf’ failed to resolve only because it was resolved as fully specified
(probably because the origin is strict EcmaScript Module, e. g. a module with javascript mimetype, a ‘.mjs’ file, or a '.js’ file where the package.json contains ‘“type”: “module”’).
The extension in the request is mandatory for it to be fully specified.
Add the extension to the request.
katyayny.raghuvanshi
Posted 7 January 2025, 5:57 am EST - Updated 7 January 2025, 6:03 am EST
Hi Sabih,
>> just viewed the report in newer version and ive noticed abrupt line breaking whn going to next page is there any setting i can do to avoid this
This issue seems to exist only with the latest version. We have escalated the issue to our development team and will update you soon as we hear anything from them. [Internal tracking ID: ARJ-6629]
>> I have updated my package and import , im using node v 16.20.2…
We were able to run our application successfully with node v16.20.2 as well.
It seems that you are using a React native app without Next.js or Vite frameworks. The modern way to create a React app is to use frameworks like Vite or Next.js, which offer more comprehensive features and improved performance. You may refer to the previously shared documentation links for creating ActiveReportsJS Report Designer/Viewer applications with React.
For the React Native apps, you can use the workaround with Craco (Craco supports the latest version of react-scripts, unlike react-script-rewired). After initiating CRA and installing activereports dependencies, you need to create craco config. Put the following code to craco.config.js:
const modifyOneOfRules = (rules) => {
return rules.map(rule => {
if (rule.oneOf instanceof Array) {
const lastOneOfRule = rule.oneOf[rule.oneOf.length - 1];
lastOneOfRule.exclude = [
/\.(js|mjs|jsx|cjs|ts|tsx)$/,
/\.html$/,
/\.json$/,
];
}
return rule;
})
};
const createFullySpecifiedRule = () => ({
test: /\.m?js$/,
resolve: {
fullySpecified: false,
},
});
module.exports = {
webpack: {
configure: config => ({
...config,
module: {
...config.module,
rules: [
...modifyOneOfRules(config.module.rules),
createFullySpecifiedRule()
],
},
}),
},
};
Also, replace the react-scripts with craco in the package.json:
{
"name": "arjs-react-viewer-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"@mescius/activereportsjs": "5.1.5",
"@mescius/activereportsjs-react": "5.1.5",
"@testing-library/jest-dom": "^5.17.0",
"@testing-library/react": "^13.4.0",
"@testing-library/user-event": "^13.5.0",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"react-scripts": "5.0.1",
"web-vitals": "^2.1.4"
},
"scripts": {
"start": "craco start",
"build": "craco build",
"test": "craco test",
"eject": "react-scripts eject"
},
"eslintConfig": {
"extends": [
"react-app",
"react-app/jest"
]
},
"browserslist": {
"production": [
">0.2%",
"not dead",
"not op_mini all"
],
"development": [
"last 1 chrome version",
"last 1 firefox version",
"last 1 safari version"
]
},
"devDependencies": {
"@craco/craco": "^7.1.0"
}
}
Please note that while switching from react-scripts/react-scripts-rewired to craco in an existing project, make sure to remove the cache from the node_modules before starting the project to avoid the
Failed to compile. Attempted import error: 'Core' is not exported from '@mescius/activereportsjs' (imported as 'Core').If the issue persists, please share with us your sample application replicating the issue so that we can assist you accordingly.
Attachments:arjs5.1.5_with_react_workaround.zip
katyayny.raghuvanshi
Posted 8 January 2025, 12:01 am EST
Hi Sabih,
>> just viewed the report in newer version and ive noticed abrupt line breaking whn going to next page is there any setting i can do to avoid this
The issue shall be fixed in ARJS v5.2. The ETA is February 14, 2025, tentatively. We appreciate your patience in the meantime.
