Bold Reports® JavaScript Report Designer Dependencies
The Bold Reports® JavaScript Report Designer versions higher than v5.2.xx need the following internal and external dependencies to render the component.
Which scripts does the JavaScript Report Designer need?
The Bold Reports® JavaScript Report Designer needs the internal Bold Reports® scripts and the external jQuery 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/v2.0/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/v2.0/common/bold.reports.widgets.min.js |
| bold.report-viewer.min.js | Used to preview the reports in report designer. | https://cdn.boldreports.com/15.1.10/scripts/v2.0/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/v2.0/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 |
| Codemirror |
Report Designer requires the code mirror scripts to edit the SQL queries and Visual Basic code functions with syntax highlighter.
|
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 JavaScript Report Designer need?
The Bold Reports® JavaScript Report Designer needs the bold.report-designer.min.css style sheet for your theme and the external Codemirror styles.
Internal dependencies
| Name | Details |
|---|---|
| bold.report-designer.min.css | Contains the styles and CSS references of the Report Designer widget. |
The following table provides the CDN links for all supported themes. Refer the following syntax:
https://cdn.boldreports.com/[version]/content/v2.0/[theme-name]/[fileName]
| Name | Details | CDN link |
|---|---|---|
| Tailwind-light | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in tailwind-light theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/tailwind-light/bold.report-designer.min.css |
| Tailwind-dark | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in tailwind-dark theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/tailwind-dark/bold.report-designer.min.css |
| Material-light | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in material-light theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/material-light/bold.report-designer.min.css |
| Material-dark | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in material-dark theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/material-dark/bold.report-designer.min.css |
| Fluent-light | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in fluent-light theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/fluent-light/bold.report-designer.min.css |
| Fluent-dark | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in fluent-dark theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/fluent-dark/bold.report-designer.min.css |
| Bootstrap-light | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in bootstrap-light theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/bootstrap-light/bold.report-designer.min.css |
| Bootstrap-dark | Includes the CSS properties defined for the Syncfusion® JavaScript Reporting component in bootstrap-dark theme. | https://cdn.boldreports.com/15.1.10/content/v2.0/bootstrap-dark/bold.report-designer.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.
|
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 |