unable to export report as image

Answered
Eric Malalel asked on November 11, 2022

I use Flexmonster from an Angular 14 app.
All report export formats work well (HTML, CSV, Excel...) but I get the following error on export as image:
ERROR Error: Uncaught (in promise): SyntaxError: Error parsing CSS component value, unexpected EOF
SyntaxError: Error parsing CSS component value, unexpected EOF (at zone.js:1211:1)
at xA.parseComponentValue (flexmonster.full.js:2469:70506)
at yB (flexmonster.full.js:2469:105599)
at new fB (flexmonster.full.js:2469:102094)
at new LB (flexmonster.full.js:2469:106159)
at Zr (flexmonster.full.js:2469:144869)
at qr (flexmonster.full.js:2469:144987)
at flexmonster.full.js:2469:200256
at flexmonster.full.js:2469:1892
at Object.next (flexmonster.full.js:2469:1209)
at B (flexmonster.full.js:2469:744)
at resolvePromise (zone.js:1211:1)
at resolvePromise (zone.js:1165:1)
at zone.js:1278:1
at _ZoneDelegate.invokeTask (zone.js:406:1)
at Object.onInvokeTask (core.mjs:25595:33)
at _ZoneDelegate.invokeTask (zone.js:405:1)
at Zone.runTask (zone.js:178:1)
at drainMicroTaskQueue (zone.js:585:1)
Please advise.

6 answers

Public
Maksym Diachenko Maksym Diachenko Flexmonster November 14, 2022

Hello, Eric!

Thank you for reporting this issue.

We were unable to reproduce this behavior on our sample Angular project. Currently, Flexmonster uses an open-source library to export an image, and we suppose that the issue occurs due to unsupported CSS or conflicts between the library and other dependencies in the project.

We recommend checking if the issue is reproducible without any custom CSS. Also, could you please provide code examples or a sample project where the issue is reproducible?

Looking forward to hearing from you.

Best Regards,
Maksym

Public
Maksym Diachenko Maksym Diachenko Flexmonster November 22, 2022

Hello, Eric!

Hope you are doing well.
We would like to know if you were able to solve the issue. Our team would be glad to hear your feedback and get the code sample where this behavior is reproducible.

Best Regards,
Maksym

Public
Eric Malalel November 24, 2022

Hello Maksym,
It would be very difficult to send you a code sample, since Flexmonster in embedded in an Angular web component, which is itself embedded in a WordPress page.
I can send a private email with a link on a test platform and a step by step procedure to reproduce the error.
Let me know if you are interested.

Public
Eric Malalel November 24, 2022

I have also a problem with export as PDF.
It never works when Flexmonster displays a graph, and sometimes it works, sometimes no, when flexmonster displays a grid.
So it is now more annoying, I have few customers exporting images, but I have more exporting PDFs.

Public
Eric Malalel November 24, 2022

I made additional tests by removing all CSS except:
@import "flexmonster/flexmonster.min.css";
Error is still there.

Public
Maksym Diachenko Maksym Diachenko Flexmonster November 25, 2022

Hello, Eric!

Thank you for providing more details.
Having access to your application with steps to reproduce the issue would greatly help our investigation. Our team will contact you via email so that you can provide us with the needed credentials.
Looking forward to hearing from you.

Kind Regards,
Maksym

Please login or Register to Submit Answer