Please follow the steps mentioned in the documentation below on how to embed Report Designer with Report Server.
Embed Bold Reports® Report Server Designer
Use the openReport
method in the index.html
file, as shown in the code snippet below, to open a report from the report server.
<div style="height: 720px; width: 1500px; min-height: 400px;" id="designer"></div>
<script>
$(function () {
$("#designer").boldReportDesigner(
{
serviceUrl: "https://service.boldreports.com/api/Designer",
reportServerUrl:"https://acmecorp.boldreports.com/reporting/api/"
serviceAuthorizationToken: "bearer <server token>"
});
var designerObj = $('#designer').data('boldReportDesigner');
designerObj.openReport('/Sample Reports/Sales Report');
});
</script>