Bold Reports® Classic Report Designer dependencies for JavaScript

The Bold Reports® Classic Report Designer for JavaScript needs the following internal and external dependencies to render the component.

This section lists the dependencies of Bold Reports® Designer version less than v5.2.xx.

Which scripts does the classic JavaScript Report Designer need?

The Bold Reports® Classic Report Designer for JavaScript needs the internal Bold Reports® scripts and the external jQuery, jsrender and Codemirror scripts in the following tables.

Internal dependencies

Name Details CDN link
bold.reports.common.min.js Common script for reporting widgets. https://cdn.boldreports.com/15.1.10/scripts/common/bold.reports.common.min.js
bold.reports.widgets.min.js Supports Syncfusion® widgets to render in HTML5 format and it contains the dependent Syncfusion® controls that is common for both report designer and viewer. https://cdn.boldreports.com/15.1.10/scripts/common/bold.reports.widgets.min.js
bold.report-designer-widgets.min.js Supports Syncfusion® widgets to render in HTML5 format and it contains the dependent Syncfusion® controls for report designer https://cdn.boldreports.com/15.1.10/scripts/common/bold.report-designer-widgets.min.js
ej.chart.min.js Renders the chart gauge item. Add this script only if your report contains the chart gauge report item. https://cdn.boldreports.com/15.1.10/scripts/data-visualization/ej.chart.min.js
ej2-base.min.js Renders the gauge item. Add this script only if your report contains the gauge report item. https://cdn.boldreports.com/15.1.10/scripts/ common/ej2-base.min.js
ej2-data.min.js Renders the gauge item. Add this script only if your report contains the gauge report item. https://cdn.boldreports.com/15.1.10/scripts/ common/ej2-data.min.js
ej2-pdf-export.min.js Renders the gauge item. Add this script only if your report contains the gauge report item. https://cdn.boldreports.com/15.1.10/scripts/ common/ej2-pdf-export.min.js
ej2-svg-base.min.js Renders the gauge item. Add this script only if your report contains the gauge report item. https://cdn.boldreports.com/15.1.10/scripts/ common/ej2-svg-base.min.js
ej2-lineargauge.min.js Renders the linear gauge item. Add this script only if your report contains the linear gauge report item. https://cdn.boldreports.com/15.1.10/scripts/data-visualization/ej2-lineargauge.min.js
ej2-circulargauge.min.js Renders the circular gauge item. Add this script only if your report contains the circular gauge report item. https://cdn.boldreports.com/15.1.10/scripts/data-visualization/ej2-circulargauge.min.js
ej2-maps.min.js Renders the map item. Add this script only if your report contains the map report item. https://cdn.boldreports.com/15.1.10/scripts/data-visualization/ej2-maps.min.js
bold.report-viewer.min.js Used to preview the reports in report designer. https://cdn.boldreports.com/15.1.10/scripts/bold.report-viewer.min.js
bold.report-designer.min.js Used to render the Syncfusion® JavaScript Report Designer widget. https://cdn.boldreports.com/15.1.10/scripts/bold.report-designer.min.js

External dependencies

Name Details CDN link
jQuery 1.7.1 and later versions Common jQuery script to render the Syncfusion® JavaScript Reporting widgets https://cdn.boldreports.com/external/jquery-1.10.2.min.js
jsrender The script to render the templates in the browser. https://cdn.boldreports.com/external/jsrender.min.js
Codemirror Report Designer requires the code mirror scripts to edit the SQL queries and Visual Basic code functions with syntax highlighter.
  • codemirror.min.js
  • show-hint.min.js
  • sql-hint.min.js
  • sql.min.js
  • vb.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/codemirror.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/addon/hint/show-hint.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/addon/hint/sql-hint.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/mode/sql/sql.min.js
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.44.0/mode/vb/vb.min.js

Which style sheets does the classic JavaScript Report Designer need?

The Bold Reports® Classic Report Designer for JavaScript needs the bold.reports.all.min.css and bold.reportdesigner.min.css style sheets and the external Codemirror styles.

Internal dependencies

Name Details
bold.reports.all.min.css Contains the styles and CSS references of dependent components.
bold.reportdesigner.min.css Contains the styles and CSS references of the Report Designer component.

The following table provides the CDN links for all supported themes. Refer the following syntax:

https://cdn.boldreports.com/[version]/content/[theme-name]/[fileName]

Name Details CDN link
Material Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in material theme. https://cdn.boldreports.com/15.1.10/content/material/bold.reports.all.min.css
https://cdn.boldreports.com/15.1.10/content/material/bold.reportdesigner.min.css
Bootstrap-theme Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in bootstrap theme. https://cdn.boldreports.com/15.1.10/content/bootstrap-theme/bold.reports.all.min.css
https://cdn.boldreports.com/15.1.10/content/bootstrap-theme/bold.reportdesigner.min.css
Office-365 Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in office-365 theme. https://cdn.boldreports.com/15.1.10/content/office-365/bold.reports.all.min.css
https://cdn.boldreports.com/15.1.10/content/office-365/bold.reportdesigner.min.css
High-contrast-01 Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in high-contrast-01 theme. https://cdn.boldreports.com/15.1.10/content/high-contrast-01/bold.reports.all.min.css
https://cdn.boldreports.com/15.1.10/content/high-contrast-01/bold.reportdesigner.min.css
High-contrast-02 Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in high-contrast-02 theme. https://cdn.boldreports.com/15.1.10/content/high-contrast-02/bold.reports.all.min.css
https://cdn.boldreports.com/15.1.10/content/high-contrast-02/bold.reportdesigner.min.css

External dependencies

Name Details CDN link
Codemirror Report Designer requires the code mirror styles to edit the SQL queries and Visual Basic code functions with syntax highlighter.
  • codemirror.min.css
  • show-hint.min.css
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/codemirror.min.css
https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.37.0/addon/hint/show-hint.min.css