Export grid to png instead of pdf

[Joseph]

Hi all,

Is there a way to export a grid to png instead of pdf or convert the pdf output to a png in javascript?

Thanks,

Joseph Scott

[Zornitsa]

Hi Joseph,

You could export the Grid component to a PNG file format by using our Drawing library which supports the export to images:

• https://docs.telerik.com/kendo-ui/framework/drawing/export-images 

Please note that you cannot draw an element that has a "display: none" or "visibility: hidden" property, since the DOM element of the Grid must be appended to the document and fully rendered.

Therefore, you could wrap the Grid in a container and export the visible part of the component with the exportImage method of the drawing API:

<button onclick="exportPNG()">Export PNG</button>
      <div id="container" style="width:100%">
        <div id="grid"></div>
      </div>

function exportPNG(){
     kendo.drawing.drawDOM($("#container"))
            .then(function (group) {
            return kendo.drawing.exportImage(group);
     }).done(function (data) {
            kendo.saveAs({
              dataURI: data,
              fileName: "grid.png",
            });                        
     })
}

Below you can find a Dojo example demonstrating the proposed approach:

• https://dojo.telerik.com/@Zornitsa/oqOZiMug 

I hope that the provided suggestion would be helpful for your scenario.

Regards,
Zornitsa
Progress Telerik