How to load the report in print mode when initially render the ReportViewer control?

How to load the report in print mode when initially render the ReportViewer control?

This article describes how to load the report in print mode when rendered in Syncfusion ReportViewer control. You can also refer to the Getting Started with JavaScript ReportViewer from the User Guide, available in the following link:

http://help.syncfusion.com/js/reportviewer/getting-started

Rendering Report in Print Mode:

The JavaScript ReportViewer control provides inherent support to initially render the report in Print Mode. You can render the report in print mode using printMode property. Setting this mode as false renders the report in normal mode. The following code example explains how to initially render the ReportViewer control on PrintMode.

<script type="text/javascript">
        $(function () {
            $("#container").ejReportViewer(
            {
                reportServiceUrl: "../api/ReportApi",
                processingMode: ej.ReportViewer.ProcessingMode.Local,
                reportPath: "~/ReportTemplate/SampleReport.rdlc",
                printMode: true
            });
        });      
</script>

Run the Application:

Run the sample application and you can see the output of the initial rendering of print mode in the following screenshots:

Demo Sample

You can download the Demo Sample from the following link.

http://www.syncfusion.com/downloads/support/directtrac/general/ze/PrintMode2139251030.zip

Further References

You can find documentation and demo samples for JavaScript ReportViewer Control from the following links.

http://js.syncfusion.com/demos/web/

http://help.syncfusion.com/js/overview