Print with resize

[Lucy]

     I'm using telerik HTML 5 chart in the page which gets rendered along with bunch of other tables. so the page contains few tables, couple of paragraphs and telerik HTML5 charts in between them. 

I'm using this https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/responsive-chart/defaultvb.aspx link as reference for resizing the window. However when i try to do print the charts are not getting resized.

 

I'm using Area chart and Bar chart https://demos.telerik.com/aspnet-ajax/htmlchart/examples/charttypes/areachart/defaultvb.aspx 

 

But the resize on print doesnt work, can you help out with this issue? how to do print with resize feature, so that the chart doesnt get cutoff. Any help will be highly appreciated.

[Peter Milchev]

Hi Lucy,

You can repaint the Charts in the PdfExporting client-side event. For example, if you have a div element with id divtoPrint that contains everything you need to export, you can set its width before exporting, for example using a similar approach.

function exportElement() {
    var exp = $find("<%= RadClientExportManager1.ClientID %>");
    var divtoPrint = $telerik.$("#divtoPrint");
    var originalWidth = divtoPrint.width();
    divtoPrint.width("1000px")
    // https://www.telerik.com/support/kb/aspnet-ajax/gauge/details/radgauge-with-display-none-does-not-render-properly
    $telerik.$("#divtoPrint").find(".RadHtmlChart").each(function (index, elem) {
        if (elem && elem.control && elem.control.repaint) {
            elem.control.repaint();
        }
    });

    exp.exportPDF($telerik.$("#divtoPrint"));
}

If the issue persists, please prepare a simple runnable project and send it to us in an official support ticket. That would allow us to investigate your exact scenario locally and help you more efficiently.

Regards,
Peter Milchev
Progress Telerik

[Lucy]

Thank you! It works now!