We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Blazor - View a report in "print mode"

Hi,

I have the report viewer working in Blazor (with SSRS) and would like the default view to be "print mode".

The documentation here

https://help.boldreports.com/embedded-reporting/aspnet-core-reporting/report-viewer/print-report/#view-report-in-print-mode

refers to ASP.Net Core and a razor element, but this does not apply to Blazor.


How is this implemented in Blazor?

Also, are the other attributes (e.g. print-mode, page-settings) in the razor element implemented in Blazor somehow too?


Thanks

Paul


3 Replies 1 reply marked as answer

AM Arumugasami Murugesan Syncfusion Team December 22, 2022 10:26 AM UTC

Hi Paul,


Thanks for contacting Bold Reports support.


If you want to view the report in print mode and change the page settings, you need to add the below code in the boldreports-interop.js file.

In boldreports-interop.js

// Interop file to render the Bold Report Viewer component with properties.

window.BoldReports = {

    RenderViewer: function (elementID, reportViewerOptions) {

        $("#" + elementID).boldReportViewer({

            reportPath: reportViewerOptions.reportName,

            reportServiceUrl: reportViewerOptions.serviceURL,

            printMode: true,

            pageSettings: {

                orientation: ej.ReportViewer.Orientation.Landscape,

                paperSize: ej.ReportViewer.PaperSize.Letter

            }

        });

    }

}


Please refer to the below documentation for your reference.

https://help.boldreports.com/embedded-reporting/javascript-reporting/report-viewer/print-report/#view-report-in-print-mode


Note: If this post is helpful, please consider Accepting it as the solution so that other members can locate it more quickly.


Regards,

Arumugasami M


Marked as answer

PA Paul December 22, 2022 09:07 PM UTC

Thanks.

So in Blazor it would seem that the razor element's attributes in the ASP.Net Core documentation are replaced with JS properties.




AM Arumugasami Murugesan Syncfusion Team December 23, 2022 08:09 AM UTC

Paul,

Yes, In Blazor application, we have to use our properties in the boldreports-interop.js file.


Loader.
Live Chat Icon For mobile
Up arrow icon