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>