Print Background image

[Hassan]

Dear Sir/Modem

I am writing to ask you how can I print background image in report viewer?

Your prompt reply is appreciated.

Thank you in advance.

Regards

[Vinoth Srinivasan]

Hi Hassan, 

 

We can able to print the background images in our ASP.NET Core report viewer sample. Please find the below steps for how to create a report with image background and print that report in our report viewer. 

 

1.      Add embedded image in you report as shown in below snap. 

 

 

 

2.      Right click the body item and choose the properties. 

 

 

 

3.      choose the image for background as shown in below snap. 

 

 

 

4.      Save the report and add the report in ASP.NET Core report viewer application. 

 

5.      Render the report in report viewer and click the print button the background image is shown in below snap. 

 

 

 

 

For your reference please find the below attached RDL file. 

RDL: http://www.syncfusion.com/downloads/support/directtrac/general/ze/Report1871990808 

 

The above suggestion did not meet your requirement then could you please share some additional details to provide the response. 

 

Regards, 

Vinoth S. 

[Hassan]

thanks for your support. unfortunately i tried but it didn't happen. i need the background to be printed in my print. is there any better solution ? Please Help
i would be appreciated if you answer me as soon as possible.

Attachment: Capture_7183cc45.rar

[Vinoth Srinivasan]

Hi Hassan, 

 

Images are not displayed in print preview due to passing content or stream to browser before loading the image tag. This can be avoided by increasing the value of the ‘printDelay’ property value as in the following code snippet. 

 

Index.cshtml: 

 

<ej-report-viewer id="reportviewer1" report-service-url="../Home" report-print="onPrintReport"/> 

<ej-script-manager></ej-script-manager> 

<script> 

    function onPrintReport(args) { 

            var data = $("#reportviewer1").data('ejReportViewer'); 

            if (data._browserInfo.name != "msie") 

            { 

                args.printWind.printDelay = 2000; 

            } 

            args.isStyleLoad = false; 

        } 

</script> 

 

Please find the below kb documentation for your reference. 

https://www.syncfusion.com/kb/9989/how-to-load-image-and-background-color-in-print-preview-of-chrome-or-firefox-browser-in-syncfusion 

 

Regards, 

Vinoth S.