How to integrate the syncfusion javascript controls in the Serenity Framework

This article explains how to integrate the Syncfusion JavaScript controls in the Serenity Framework.

The project/application is using a namespace-based script for the TypeScript file, as opposed to a modules-based script. In Syncfusion controls employ a modules-based script for TypeScript support, which currently prevents us from utilizing the Syncfusion TypeScript approach in this framework.

Note: The Serenity documentation notes that modules cannot be utilized within the namespace. For more details, please refer to the link below:
https://github.com/serenity-is/Serenity/issues/4499

However, Serenity facilitates the integration of Syncfusion JavaScript components by referencing their scripts and styles through the CDN.

We have created a Serenity project and added our JavaScript diagram control in the Serenity UserGrid.ts page and referred to the scripts via CDN in the UserIndex.cshtml file.\nSample Link

Serenity has released documentation on incorporating third-party plugins into its system. Please take a look at the following documentation for reference:
Documentation Link

Refer to our documentation and online samples for more features. If you have any queries, please let us know in the comments below. You can also contact us through our Support forum or Support ticket. We are happy to assist you!