How to include image inside the header & footer template for a grid when exporting to PDF and Excel.

[Yanesh]

How to include image inside header & footer template for a grid when exporting to PDF and Excel.

The Image should only be displayed in the exported files and not in the webpage.
How to implement this in both JavaScript and ASP MVC?

[Stefan]

Hello Yanesh,

Regarding the requirements:

1) An image can be added only to the exported PDF using the pdf.template option of the Kendo UI Grid PDF export:

http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-pdf.template

MVC demo with external template:

http://demos.telerik.com/aspnet-mvc/grid/pdf-export

Please have in mind that the PDF export module might not be able to export images hosted on a different domain. See Known Limitations:

http://docs.telerik.com/kendo-ui/framework/drawing/drawing-dom#known-limitations

Setting up permissive Cross-Origin HTTP headers should help in this case:

https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image

2) Currently, the Excel export will be based only on the data in the Grid dataSource.  I can suggest voting for a similar feature in our feedback portal as this will increase its changes to be implemented sooner:

http://kendoui-feedback.telerik.com/forums/127393-kendo-ui-feedback/suggestions/11603982-excel-export-with-image-for-grid

Regards,
Stefan
Progress Telerik

[Yanesh]

Thanks Stefan. This was  helpful.