Search results

CDN

The CDN links are provided individually for all the scripts and style sheets of Syncfusion JavaScript Reporting component.

Syncfusion reporting dependency libraries

The CDN script files are maintained for each version of the Report Platform SDK individually.

The three scripts, namely ej.reporting.common.min.js, ej.reporting.widgets.min.js, and ej.report-viewer.min.js are mandatory to render the Syncfusion Report Viewer.

Name Details CDN link
ej.reporting.common.min.js Common script for reporting widgets. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.common.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.common.min.js
ej.reporting.widgets.min.js Supports Syncfusion widgets to render in HTML5 format. Secured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.widgets.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.widgets.min.js
ej.chart.min.js Renders the chart item. Add this script only if your report contains the chart report item. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.chart.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.chart.min.js
ej.lineargauge.min.js Renders the linear gauge item. Add this script only if your report contains the linear gauge report item. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.lineargauge.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.lineargauge.min.js
ej.circulargauge.min.js Renders the circular gauge item. Add this script only if your report contains the circular gauge report item. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.circulargauge.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.circulargauge.min.js
ej.map.min.js Renders the map item. Add this script only if your report contains the map report item. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.map.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/data-visualization/ej.map.min.js
ej.report-viewer.min.js Renders the Syncfusion JavaScript Report Viewer widget. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/ej.report-viewer.min.js
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/ej.report-viewer.min.js

External dependency libraries

The basic syntax is,

https://cdn.syncfusion.com/js/assets/external/fileName

Example: https://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js

Name Details CDN link
jQuery 1.10.2 Common jQuery script to render the Syncfusion JavaScript Reporting widgets Secured link: https://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js
Unsecured link: http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js

The CDN links for all the CSS files are provided in the following table. Refer to the following syntax:

https://cdn.syncfusion.com/[version]/js/reports/[theme-name]/[fileName]

Name Details CDN link
Material (default theme) Includes the CSS properties defined for Syncfusion JavaScript Reporting component in material. (Default-theme) Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/material/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/material/ej.reports.all.min.css
Flat-Azure Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-azure theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-azure/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-azure/ej.reports.all.min.css
Flat-Azure Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-azure dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-azure-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-azure-dark/ej.reports.all.min.css
Flat-lime Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-lime theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-lime/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-lime/ej.reports.all.min.css
Flat-lime Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-lime dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-lime-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-lime-dark/ej.reports.all.min.css
Flat-Saffron Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-saffron theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-saffron/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-saffron/ej.reports.all.min.css
Flat-Saffron Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in flat-saffron dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/flat-saffron-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/flat-saffron-dark/ej.reports.all.min.css
Gradient-Azure Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-azure theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-azure/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-azure/ej.reports.all.min.css  
Gradient-Azure Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-azure dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-azure-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-azure-dark/ej.reports.all.min.css
Gradient-lime Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-lime theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-lime/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-lime/ej.reports.all.min.css
Gradient-lime Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-lime dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-lime-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-lime-dark/ej.reports.all.min.css
Gradient-Saffron Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-saffron theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-saffron/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-saffron/ej.reports.all.min.css
Gradient-Saffron Dark Includes the CSS properties defined for Syncfusion JavaScript Reporting component in gradient-saffron dark theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-saffron-dark/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/gradient-saffron-dark/ej.reports.all.min.css
Bootstrap-theme Includes the CSS properties defined for Syncfusion JavaScript Reporting component in bootstrap theme. Secured link: https://cdn.syncfusion.com/4.1.0.25/js/reports/bootstrap-theme/ej.reports.all.min.css
Unsecured link: http://cdn.syncfusion.com/4.1.0.25/js/reports/bootstrap-theme/ej.reports.all.min.css

All the provided CDN links can be accessed either through http or https.

Refer local Scripts and CSS when CDN fails

One of the major risks with CDN links is, sometimes, it may go down due to the network or connection problems. On such scenarios, you can refer the local scripts and CSS files dynamically in application by checking if the scripts and CSS files are loaded through CDN that returns undefined as demonstrated in the following code sample.

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>My first HTML page</title>
    // CDN LINK references
     <link href="http://cdn.syncfusion.com/4.1.0.25/js/reports/material/ej.reports.all.min.css"  rel="stylesheet" />
    <script src="http://cdn.syncfusion.com/js/assets/external/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="http://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.common.min.js"></script>
    <script src="http://cdn.syncfusion.com/4.1.0.25/js/reports/common/ej.reporting.widgets.min.js"></script>
    <script src="http://cdn.syncfusion.com/4.1.0.25/js/reports/ej.report-viewer.min.js"></script>
    <script type="text/javascript">

        if (typeof jQuery == "undefined") { // If CDN fails, jQuery returns undefined
            // Referring local scripts - Specify the path where the below files are located in your machine
            document.write(decodeURIComponent('%3Cscript src="Scripts/jquery-1.10.2.min.js" %3E%3C/script%3E'));
        }

        if (typeof ej == "undefined") { // If CDN fails, ej returns undefined.
            // Refer the Syncfusion stylesheets and scripts from the local path here

            // StyleSheet reference from the local system path
            document.write(decodeURIComponent('%3Clink rel="stylesheet" href="Content/reports/material/ej.reports.all.min.css" %3C/%3E'));
            document.write(decodeURIComponent('%3Cscript src="Scripts/reports/common/ej.reporting.common.min.js" %3E%3C/script%3E'));
            document.write(decodeURIComponent('%3Cscript src="Scripts/reports/common/ej.reporting.widgets.min.js" %3E%3C/script%3E'));
            // Script reference from the local system path
            document.write(decodeURIComponent('%3Cscript src="Scripts/reports/ej.report-viewer.min.js" %3E%3C/script%3E'));
        }
    </script>
</head>
<body>
    <script type="text/javascript">
        $(function () {
            // initialization ejReportViewer
            $("#viewer").ejReportViewer();
        });
    </script>
</body>
</html>