I have been looking at kendo.drawing to render some charts to PDF and that has been working. Now we have the need to automate rendering the charts and attaching them to an email which then gets sent as part of a batch process.
Is it possible to invoke kendo.drawing.drawDom and kendo.saveAs from the server side?
Hello,
Can anyone help me locate references or documentation on how to customize the SVG of a linear Gauge?
Basically, I want to create a Battery Gauge. (example attached)
I'm trying to set margins when exporting to PDF using the Drawing API and can't get it to work. Here is a dojo. When you click the button to get the PDF, there is no margin around the chart. I'm assuming I'm doing something wrong, but not quite sure what.
$.ajax({ type: "POST", data: data, url: "IUA/Submit", success: function (result) { if (result.Id !== 0) { alert("Your application has completed the review phase and is confirmed complete. Your PIN will be " + result.Id + ". To complete your submission, please click the OK button below."); $('#loading').hide(); kendo.drawing.drawDOM($("#mainDiv")) .then(function (group) { // Render the result as a PDF file return kendo.drawing.exportPDF(group, { paperSize: "auto", margin: { left: "1cm", top: "1cm", right: "1cm", bottom: "1cm" } }); }) .done(function (data) { // Save the PDF file kendo.saveAs({ type: 'POST', dataURI: data, fileName: "IUAEnrollment.pdf", proxyURL: '@Url.Action("SavePDF", "IUA")', forceProxy: true, proxyTarget: "_blank" }); displayLoading("#formDiv", false); location.reload(); }); } else if (result.IsDuplicateRec == true) { $('#loading').hide(); $("#divDuplicate").show(); $("#captchaDiv").load(location.href + " #captchaDiv>*", ""); } else if (result.IsMVCCaptcha == false) { $('label[for="lblCaptchaErr"]').show(); $("#captchaDiv").load(location.href + " #captchaDiv>*", ""); setTimeout(WaitUntilLoad, 6000); } }, error: function () { $('#loading').hide(); alert("Error occured during the submission. Please contact helpdesk."); } });
Hi,
Is there any way to set the standard print options like "fitting content to print area" or "standard print page size'" while creating a PDF from the drawing API?
let pdfOptions = {
paperSize: 'a3'
landscape: true,
//something like this
printOptions = {
fitContentToPrintArea: true,
paperSize: 'a4'
}
};
kendo.drawing.exportPDF(root, pdfOptions).done(function (data) {
kendo.saveAs({
dataURI: data,
fileName: fileName
});
});
Hi everyone, I would like to ask for your help.
I would like to hide the SubItems when the drawer is in mini mode, if I click on each element.
Thanks in Advance
https://dojo.telerik.com/ejapuWiB/3
Dayan K
Attached two files for your reference.
Code snippet is as below :-
$scope.MonthlyExportStatement = function() {
$scope.MonthlyDownloadButton = "Downloading...";
kendo.drawing.drawDOM(".monthly-pdf-page", {
paperSize: "A3",
margin: "1cm",
multiPage: true,
}).then(function(group){
kendo.drawing.pdf.saveAs(group, "test.pdf");
setTimeout(function(){
$scope.MonthlyDownloadButton = "Download PDF";
$scope.$apply();
});
});
}
For actual image please refer image 2. While downloading PDF with kendoUI, Image is getting cut off. What was wrong with above code ? Please assist me ASAP.
Hello,
I have a problem using the drawing library for creating PDFs with blocks being styled with a column-count style sheet being set to something other than 1 - it seems as if the drawing library is erroneously taking into account the sum of of all columns height instead of the real height when placing the output in a PDF, and thus leaving lots of blank space on the pages.
A working example can be found at Kendo UI Snippet | Kendo UI Dojo (telerik.com) (based on the page templates example)
Is this a known problem, am I missing something or is there any way/workaround to fix this?
Thanks & kind regards,
Hermann