Issue while displaying ssrs report in bold report viewer component Angular

[Tarik]

Hi, i am facing an issue while displaying ssrs report in bold report viewer component Angular,

i will post my code below

[Angular/app.component.ts]

[Angular/app.component.html]

[WebService]

[ReportServer]

[Browser]

[Vinoth Srinivasan]

Hi Tarik, 

Thanks for your interest in Bold Reports products. 

Could you please confirm whether you have used “WebServiceURL” as reportServerURL as mentioned in the below document? 

https://help.boldreports.com/embedded-reporting/angular-reporting/report-viewer/ssrs-report/ 

Also, please share the error log details by configuring the error logging as mentioned in below documentation. 

https://help.boldreports.com/embedded-reporting/aspnet-core-reporting/report-viewer/error-logging/ 

It will be helpful for us to provide the solution at the earliest. 

Regards, 

Vinoth S. 

[Tarik]

I have resolved the above problem, but now my report is not visible

[Vinoth Srinivasan]

Hi Tarik, 

Thanks for your update. 

We suspect the height and width of the ReportViewer is not provided, could you please set the height and width for the ReportViewer in app.component.html as mentioned in the below code snippet. 

<bold-reportviewer id="reportViewer_Control" [reportServiceUrl] = "serviceUrl" [reportPath] = "reportPath" style="width: 100%;height: 950px"> 

</bold-reportviewer> 

 

 

Regards, 

Vinoth S. 

[Tarik]

Thanks, that solved my problem, I added my license key like in the image below but my reports background look like this(I have Syncfuison community license)

[Vinoth Srinivasan]

Hi Tarik, 

Thanks for your update. You can refer the below help documentation to generate and register online license token. 

For Generating online license token: https://help.boldreports.com/embedded-reporting/licensing/online-license-token/ 

For Registering online license token: https://help.boldreports.com/embedded-reporting/licensing/online-license-token/#asp-net-core 

If you still face this issue, then please share your license token with us. We will validate it and update you the details. 

Regards, 

Vinoth S. 

[Tarik]

Hello, thanks for the quick responses, I have one more question, every time I load my report from SQL Reporting Services in the Bold Report Component for Angular I need to enter the datasource username and password, is there any way for bold reports to remember the credentials? Can I set the credentials in my ASP Net Core WebApi?

[Vinoth Srinivasan]

Hi Tarik, 

Yes, you need to pass the datasource credential with API controller, please refer the below help documentation for reference. 

https://help.boldreports.com/embedded-reporting/angular-reporting/report-viewer/ssrs-report/#set-data-source-credential-for-shared-data-sources 

Regards, 

Vinoth S. 

[Tarik]

My connection string looks like this

I don't understand how to generate the connection with API Controller

 reportOption.ReportModel.DataSourceCredentials.Add(new BoldReports.Web.DataSourceCredentials("AdventureWorks", "demoreadonly@data-platform-demo", "N@c)=Y8s*1&dh"));​

what AdventureWorks is?

[Vinoth Srinivasan]

Hi Tarik, 

In previously shared code snippet the “AdventureWorks” states the database name. For your understanding we have updated the details of the arguments passed for data source credentials. 

reportOption.ReportModel.DataSourceCredentials.Add(new BoldReports.Web.DataSourceCredentials("database-name", "user-name", "password")); 

 

Regards, 

Vinoth S.